.blurry {
    background-image: url('https://universidadtamaulipeca.edu.mx/kioskout/fondo.jpg'); /*Servidor*/
    background-size: cover;
    position: absolute;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.form-check-input:checked {
    background-color: #01377e;
    border-color: #01377e;
}

/* Reducir el espaciado vertical dentro del formulario */
.authentication-inner .mb-3 {
    margin-bottom: 0.75rem !important; /* Reduce el margen inferior para acortar el formulario */
}

/* Estilos para centrar verticalmente el formulario */
html, body {
    height: 100%;
    margin: 0;
    /*display: flex;*/ /* Habilita Flexbox en el body */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
}

.container-xxl {
    display: flex; /* Habilita Flexbox para su contenido */
    justify-content: center; /* Centra horizontalmente el authentication-wrapper */
    align-items: center; /* Centra verticalmente el authentication-wrapper */
    height: 100%; /* Asegura que ocupe toda la altura disponible */
}

.authentication-wrapper {
    flex-grow: 1; /* Permite que crezca y ocupe el espacio disponible */
    display: flex; /* Habilita Flexbox para su contenido */
    justify-content: center; /* Centra el authentication-inner */
    align-items: center; /* Centra el authentication-inner */
    min-height: 100vh; /* Asegura que ocupe al menos la altura de la ventana */
    padding: 1rem; /* Asegura un padding mínimo */
}

@media screen and (max-width: 768px) {
    .authentication-wrapper {
        padding: 1rem !important;
    }
}

@media screen and (max-width: 576px) {
    .app-brand-text {
        font-size: 1.5rem !important; /* Reduce el tamaño del texto del logo en pantallas muy pequeñas */
    }

    h4 {
        font-size: 1.25rem !important; /* Ajusta el tamaño del título */
    }

    p {
        font-size: 0.875rem !important; /* Ajusta el tamaño del párrafo */
    }
}