/* Botón "elegante" del login, compartido con las pantallas de recuperar y
   restablecer contraseña para que se vean idénticas. */
.boton-elegante {
  width: 100%;
  margin-top: 8px;
  padding: 15px 30px;
  border: 2px solid #2c3c5e;
  background-color: #14213f;
  color: #ffffff;
  font-size: 1.05rem;
  cursor: pointer;
  border-radius: 30px;
  transition: all 0.4s ease;
  outline: none;
  position: relative;
  overflow: hidden;
  font-weight: bold;
  font-family: inherit;
}
.boton-elegante::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 70%);
  transform: scale(0);
  transition: transform 0.5s ease;
}
.boton-elegante:hover::after { transform: scale(4); }
.boton-elegante:hover { border-color: #cccccc; background: #ffffff; color: #000000; }