/* Fondo izquierdo */
.bg-image {
  background-image: url('../img/swimming.png'); /* ajusta la ruta */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Suavidad en la aparición sin salto */
.animate-fade-in {
  opacity: 0;
  animation: appear 0.6s ease-out forwards;
}

@keyframes appear {
  to {
    opacity: 1;
  }
}

/* Títulos con azul más claro */
.text-primary-strong {
  color: #49a7ff;
  font-weight: 700;
}

/* Subtexto de sesión */
.subtext-muted {
  font-size: 1rem;
  color: #6c757d;
  margin-top: 10px;  /* más cerca del subtítulo */
  margin-bottom: 20px; /* menos separación del formulario */
}

/* Formulario */
.form-control {
  border-radius: 999px;
  background-color: #e3f2fd;
  border: none;
  padding: 12px 20px;
  font-size: 0.95rem;
}

.form-control:focus {
  background-color: #d0e9fb;
  box-shadow: none;
}

/* Botón */
.btn-primary {
  background-color: #007BFF;
  border: none;
  border-radius: 999px;
  padding: 10px;
  font-weight: 600;
  font-size: 1rem;
}

.btn-success {
  border-radius: 999px;
  padding: 10px;
  font-weight: 600;
  font-size: 1rem;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Estilos ya definidos */
#languageSelect {
  border-radius: 999px;
  background-color: #ffffff;
  padding: 6px 12px;
  font-size: 1rem; /* Aumentado */
  min-width: 100px;
  padding-right: 24px;
}

/* Fondo verde solo para inputs del formulario de registro */
.green-input {
  background-color: #d0e9fb; /* verde claro */
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-size: 0.95rem;
}

.green-input:focus {
  background-color: #d0e9fb;
  box-shadow: none;
}