/* PROENÇA 3.11.0 — camada estrutural sem paleta legada. Cores controladas pelo Design System 3.11.0. */
/**
 * Cabeçalho premium PROENÇA — versão 3.4.3.
 * Identidade aplicada ao portal desktop, navegador móvel e WebView Android.
 */



/* Fundo premium e faixa de identidade. */
.pfo-social-header--universal,
.pfi-header {
    isolation:isolate;
    overflow:visible;
    
    
    
    
    backdrop-filter:blur(18px) saturate(135%);
    -webkit-backdrop-filter:blur(18px) saturate(135%);
}

.pfo-social-header--universal::before,
.pfi-header::before {
    position:absolute;
    z-index:3;
    top:0;
    right:0;
    left:0;
    height:2px;
    border-radius:0 0 2px 2px;
    
    
    content:"";
    pointer-events:none;
}


.pfo-social-header--universal {
    position:sticky;
}

/* ============================
 * Cabeçalho autenticado desktop
 * ============================ */
@media (min-width: 781px){
    .pfo-social-header--universal .pfo-social-header__desktop {
        grid-template-columns:minmax(285px, 360px) minmax(410px, 1fr) minmax(285px, 355px)!important;
        min-height:72px!important;
        gap:14px!important;
        padding:0 clamp(14px, 1.6vw, 28px)!important;
    }

    .pfo-social-header--universal .pfo-social-header__start {
        gap:13px;
    }

    .pfo-social-header--universal .pfo-social-header__menu {
        display:grid!important;
        width:46px!important;
        height:46px!important;
        flex:0 0 46px;
        
        border-radius:13px!important;
        
        
        
    }

    

    .pfo-social-header--universal .pfo-social-header__menu svg {
        width:29px;
        height:29px;
        stroke-width:2.25;
    }

    .pfo-social-header--universal .pfo-social-header__brand--wordmark {
        display:flex!important;
        width:min(225px, 22vw)!important;
        height:52px!important;
        flex:0 1 225px!important;
        align-items:center;
        justify-content:flex-start;
        overflow:visible!important;
        
        border-radius:0!important;
        
        
    }

    .pfo-social-header--universal .pfo-social-header__brand--wordmark img {
        display:block;
        width:100%!important;
        height:auto!important;
        max-height:45px;
        object-fit:contain!important;
        object-position:left center;
        filter:drop-shadow(0 3px 3px rgba(0, 0, 0, .72))
            drop-shadow(0 0 9px rgba(22, 141, 192, .12));
    }

    .pfo-social-header--universal .pfo-social-header__nav {
        gap:5px;
    }

    .pfo-social-header--universal .pfo-social-header__nav-item {
        min-width:54px;
        
        border-radius:11px;
    }

    

    

    .pfo-social-header--universal .pfo-social-header__nav-item.is-active::after {
        right:12px;
        left:12px;
        height:3px;
        
        
    }

    .pfo-social-header--universal .pfo-social-header__actions {
        gap:5px!important;
    }

    .pfo-social-header--universal .pfo-social-header__round,
    .pfo-social-header--universal .pfo-social-header__avatar {
        width:44px!important;
        height:44px!important;
        flex-basis:44px!important;
        
        border-radius:13px!important;
        
        
        
    }

    .pfo-social-header--universal .pfo-social-header__quick-action {
        position:relative;
    }

    .pfo-social-header--universal .pfo-social-header__search-action,
    .pfo-social-header--universal .pfo-social-header__messages-action {
        margin-left:5px;
    }

    .pfo-social-header--universal .pfo-social-header__search-action::before,
    .pfo-social-header--universal .pfo-social-header__messages-action::before {
        position:absolute;
        top:9px;
        bottom:9px;
        left:-6px;
        width:1px;
        
        content:"";
        pointer-events:none;
    }

    .pfo-social-header--universal .pfo-social-header__round:hover,
    .pfo-social-header--universal .pfo-social-header__round:focus-visible,
    .pfo-social-header--universal .pfo-social-header__round.is-active,
    .pfo-social-header--universal .pfo-social-header__avatar:hover,
    .pfo-social-header--universal .pfo-social-header__avatar:focus-visible {
        
        
        
        filter:none!important;
        
    }

    .pfo-social-header--universal .pfo-social-header__round svg {
        width:24px!important;
        height:24px!important;
        stroke-width:2.05;
    }

    .pfo-social-header--universal .pfo-social-header__create svg {
        width:28px!important;
        height:28px!important;
    }

    .pfo-social-header--universal .pfo-social-header__avatar {
        margin-left:5px;
        border-radius:50%!important;
    }

    .pfo-social-header--universal .pfo-social-header__avatar > img {
        width:42px!important;
        height:42px!important;
        
        
    }

    

    
}

/* =========================
 * Cabeçalho mobile e Android
 * ========================= */
@media (max-width: 780px){
    

    .pfo-social-header--universal .pfo-social-header__mobile-top {
        grid-template-columns:44px minmax(112px, 1fr) auto!important;
        min-height:68px!important;
        gap:7px!important;
        padding:5px max(9px, env(safe-area-inset-right)) 5px max(9px, env(safe-area-inset-left))!important;
        
    }

    .pfo-social-header--universal .pfo-social-header__mobile-menu,
    .pfo-social-header--universal .pfo-social-header__mobile-actions a,
    .pfo-social-header--universal .pfo-social-header__mobile-actions button {
        width:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        height:42px!important;
        
        border-radius:12px!important;
        
        
    }

    

    .pfo-social-header--universal .pfo-social-header__mobile-menu svg,
    .pfo-social-header--universal .pfo-social-header__mobile-actions svg {
        width:27px!important;
        height:27px!important;
        stroke-width:2.15;
    }

    .pfo-social-header--universal .pfo-social-header__mobile-actions > * {
        position:relative;
    }

    .pfo-social-header--universal .pfo-social-header__mobile-actions > * + *::before {
        position:absolute;
        top:9px;
        bottom:9px;
        left:-3px;
        width:1px;
        
        content:"";
        pointer-events:none;
    }

    .pfo-social-header--universal .pfo-social-header__mobile-wordmark {
        display:flex!important;
        min-width:0;
        height:45px;
        align-items:center;
        justify-content:flex-start;
        overflow:visible!important;
        text-decoration:none!important;
    }

    .pfo-social-header--universal .pfo-social-header__mobile-wordmark img {
        display:block;
        width:clamp(124px, 31vw, 165px);
        height:auto;
        max-height:36px;
        object-fit:contain;
        object-position:left center;
        filter:drop-shadow(0 3px 3px rgba(0, 0, 0, .75))
            drop-shadow(0 0 8px rgba(22, 141, 192, .13));
    }

    .pfo-social-header--universal .pfo-social-header__mobile-actions {
        gap:1px!important;
    }

    .pfo-social-header--universal .pfo-social-header__mobile-nav {
        min-height:56px!important;
        
        
        
    }

    

    

    

    .pfo-social-header--universal .pfo-social-header__mobile-nav a.is-active::after {
        right:13px;
        left:13px;
        height:3px;
        
        
    }

    .pfo-social-header--universal .pfo-social-header__mobile-nav svg {
        width:27px!important;
        height:27px!important;
    }

    
}

/* Telefones estreitos: preserva os quatro comandos sem cortar a marca. */
@media (max-width: 390px){
    .pfo-social-header--universal .pfo-social-header__mobile-top {
        grid-template-columns:40px minmax(90px, 1fr) auto!important;
        gap:3px!important;
        padding-inline:6px!important;
    }

    .pfo-social-header--universal .pfo-social-header__mobile-menu,
    .pfo-social-header--universal .pfo-social-header__mobile-actions a,
    .pfo-social-header--universal .pfo-social-header__mobile-actions button {
        width:38px!important;
        min-width:38px!important;
        max-width:38px!important;
        height:40px!important;
    }

    .pfo-social-header--universal .pfo-social-header__mobile-wordmark img {
        width:clamp(104px, 29vw, 128px);
        max-height:30px;
    }
}

/* ==========================
 * Cabeçalho público do portal
 * ========================== */
.pfi-header {
    height:76px;
}

.pfi-header .pfi-header__inner {
    gap:clamp(15px, 2vw, 30px);
}

.pfi-brand--header-wordmark {
    min-width:190px;
}

.pfi-brand__wordmark {
    display:flex;
    width:clamp(185px, 18vw, 255px);
    height:54px;
    align-items:center;
    
    text-decoration:none;
}

.pfi-brand__wordmark img {
    display:block;
    width:100%;
    height:auto;
    max-height:46px;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 3px 3px rgba(0, 0, 0, .7)) drop-shadow(0 0 8px rgba(22, 141, 192, .12));
}





@media (max-width: 782px){
    .pfi-header {
        height:68px;
    }

    .pfi-header__inner {
        grid-template-columns:42px minmax(0, 1fr) auto;
    }

    .pfi-header__menu-toggle {
        display:grid;
    }

    .pfi-brand--header-wordmark {
        min-width:0;
    }

    .pfi-brand__wordmark {
        width:clamp(120px, 32vw, 165px);
        height:46px;
    }

    .pfi-brand__wordmark img {
        max-height:35px;
    }
}

@media (prefers-reduced-motion: reduce){
    .pfo-social-header--universal *,
    .pfi-header * {
        transition-duration:.01ms!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
    }
}

/* Ajustes intermediários para notebooks e tablets em modo paisagem. */
@media (min-width: 901px) and (max-width: 1180px){
    .pfo-social-header--universal .pfo-social-header__desktop {
        grid-template-columns:minmax(225px, 240px) minmax(350px, 1fr) minmax(235px, 255px)!important;
        gap:10px!important;
        padding-inline:12px!important;
    }

    .pfo-social-header--universal .pfo-social-header__brand--wordmark {
        width:min(178px, 18vw)!important;
        flex-basis:178px!important;
    }

    .pfo-social-header--universal .pfo-social-header__nav-item {
        min-width:52px!important;
    }
}

@media (min-width: 781px) and (max-width: 900px){
    .pfo-social-header--universal .pfo-social-header__desktop {
        grid-template-columns:minmax(205px, 225px) minmax(310px, 1fr) minmax(135px, 155px)!important;
        gap:8px!important;
        padding-inline:10px!important;
    }

    .pfo-social-header--universal .pfo-social-header__brand--wordmark {
        width:155px!important;
        flex-basis:155px!important;
    }

    .pfo-social-header--universal .pfo-social-header__nav-item {
        min-width:46px!important;
    }

    .pfo-social-header--universal .pfo-social-header__actions > .pfo-social-header__quick-action:nth-child(-n/**/+2) {
        display:none!important;
    }
}

/* PROENÇA 3.10.30 — cabeçalho claro na própria folha de branding. */
.pfi-brand__wordmark img{filter:drop-shadow(0 2px 3px rgba(8,47,87,.18))!important;}


