/* ESTILO GENERALES DE LA PAGINA */

/* FUENTE */
@import url('https://fonts.googleapis.com/css2?family=TASA+Orbiter:wght@400..800&display=swap');

/* GENERAL */
*{
font-family: "TASA Orbiter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* index.php, register.php, reset_password.php */
.body-index, .body-registro, .body-establecer, .body-restablecer{
    background-image: url(../img/background/fondo_2.jpg);
    background-size: 100% 150%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex; /* Habilita Flexbox */
    justify-content: center; /* Centra horizontalmente el contenido */
    align-items: center; /* Centra verticalmente el contenido */
    min-height: 100vh; /* Asegura que el cuerpo ocupe el 100% de la altura de la vista (viewport) */
    margin: 0; /* Elimina cualquier margen predeterminado que pueda interferir */
}

@media (max-width: 480px) {
    .body-index, .body-registro, .body-establecer, .body-restablecer{
        background-image: url('../img/background/fondo_3.png');
    }
}

.card-index, .card-registro, .card-establecer, .card-restablecer{
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
}

.form-index input, .form-registro input, .form-establecer input, .form-restablecer input{
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
}

.form-index input:focus, .form-registro input:focus, .form-establecer input:focus, .form-restablecer input:focus{
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
}