97 lines
1.7 KiB
CSS
97 lines
1.7 KiB
CSS
/* 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: #e0f6e9; /* verde claro */
|
|
border: none;
|
|
border-radius: 999px;
|
|
padding: 12px 20px;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.green-input:focus {
|
|
background-color: #c4ecd7;
|
|
box-shadow: none;
|
|
}
|