/* Identidad visual SIGIA 2026.
 * En el menú usamos el isotipo compacto + nombre en texto para conservar
 * contraste, jerarquía y legibilidad. En el acceso se mantiene el wordmark.
 */
.brand-mark {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #10192a !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 13px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025) !important;
}

/* El SVG horizontal se desplaza/recorta para mostrar únicamente su isotipo. */
.brand-mark img {
    width: 144px !important;
    height: 46px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .22)) brightness(1.18) saturate(1.08) !important;
}

.sidebar-brand {
    gap: 11px !important;
}

.sidebar-brand .brand-copy {
    justify-content: center;
}

.sidebar-brand .brand-copy strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    letter-spacing: .075em !important;
    line-height: 1 !important;
}

.sidebar-brand .brand-copy small {
    display: block !important;
    margin-top: 5px !important;
    color: #9caac0 !important;
    font-size: .69rem !important;
    font-weight: 500 !important;
    letter-spacing: .015em !important;
    line-height: 1 !important;
    white-space: nowrap;
}

/* En la tarjeta de acceso sí usamos el logotipo horizontal completo. */
.login-logo {
    width: 164px !important;
    min-width: 164px !important;
    height: 58px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.login-logo img {
    width: 164px !important;
    height: 58px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left center !important;
}

.login-card-header .login-eyebrow {
    font-size: 0 !important;
}

.login-card-header .login-eyebrow::after {
    content: "GESTIÓN APAFA";
    font-size: .69rem;
    letter-spacing: .08em;
}

/* Contraído: solo isotipo, perfectamente centrado. */
body.sidebar-collapsed .brand-mark {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
}

body.sidebar-collapsed .brand-mark img {
    width: 144px !important;
    height: 46px !important;
}

@media (max-width: 991.98px) {
    body.sidebar-collapsed .brand-mark {
        width: 46px !important;
        height: 46px !important;
        flex-basis: 46px !important;
    }

    body.sidebar-collapsed .brand-mark img {
        width: 144px !important;
        height: 46px !important;
    }
}

@media (max-width: 575.98px) {
    .login-logo,
    .login-logo img {
        width: 142px !important;
        min-width: 142px !important;
        height: 52px !important;
    }
}