/* Juritest | Inicio de sesión compacto para móvil y tablet.
   Estilos aislados: no modifican la cabecera ni los formularios de otras páginas. */

/* El margen global de 48px del div.container inflaba el alto de la cabecera. */
body.juritest-login-page .jt-legacy-public-nav div.container {
    margin-bottom: 0 !important;
}

@media (max-width: 991.98px) {
    /* Se conserva el único logo de la navegación, eliminando el duplicado. */
    body.juritest-login-page .jt-auth-copy,
    body.juritest-login-page .jt-auth-logo {
        display: none;
    }

    /* Un solo bloque centrado, sin el hueco del contenido promocional. */
    body.juritest-login-page .jt-auth-main {
        padding: 20px 0 40px;
    }

    body.juritest-login-page .jt-auth-grid {
        display: block;
        width: min(480px, calc(100% - 36px));
        margin-inline: auto;
    }

    body.juritest-login-page .jt-auth-card {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    body.juritest-login-page .jt-auth-card-head {
        margin-bottom: 22px;
    }

    /* La navegación pública usa .py-2 de Bootstrap con !important. */
    body.juritest-login-page .jt-legacy-public-nav .container.py-2 {
        padding-top: .375rem !important;
        padding-bottom: .375rem !important;
    }

    body.juritest-login-page .jt-legacy-public-nav .navbar-brand img {
        width: 120px;
        height: auto;
    }
}

@media (max-width: 575.98px) {
    /* En móvil, el encabezado da paso inmediatamente al formulario. */
    body.juritest-login-page .jt-auth-main {
        padding: 10px 0 28px;
        padding-bottom: max(28px, env(safe-area-inset-bottom));
    }

    body.juritest-login-page .jt-auth-grid {
        width: calc(100% - 24px);
    }

    body.juritest-login-page .jt-auth-card {
        padding: 24px 20px 23px;
        border-radius: 14px;
    }

    body.juritest-login-page .jt-auth-card-head {
        margin-bottom: 22px;
    }

    body.juritest-login-page .jt-auth-card-head h2 {
        margin-bottom: 0;
        font-size: 1.55rem;
        line-height: 1.25;
    }

    /* El nombre de la pantalla ya explica el formulario. */
    body.juritest-login-page .jt-auth-card-head p {
        display: none;
    }

    body.juritest-login-page .jt-auth-register {
        margin-top: 22px;
        padding-top: 18px;
    }

    body.juritest-login-page .jt-legacy-public-nav .container.py-2 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
    }

    body.juritest-login-page .jt-legacy-public-nav .navbar-brand img {
        width: 112px;
    }
}

@media (max-width: 359.98px) {
    body.juritest-login-page .jt-auth-grid {
        width: calc(100% - 16px);
    }

    body.juritest-login-page .jt-auth-card {
        padding: 21px 15px;
    }
}

@media (max-width: 991.98px) and (max-height: 500px) {
    /* Orientación horizontal y móviles de altura reducida. */
    body.juritest-login-page .jt-auth-main {
        padding-top: 8px;
        padding-bottom: 20px;
    }
}