/* PROENÇA 3.11.0 — camada estrutural sem paleta legada. Cores controladas pelo Design System 3.11.0. */
/**
 * Portal PROENÇA & FERRAZ 3.10.8
 * Refinamentos do aplicativo: vídeos técnicos, atalhos operacionais,
 * tipografia compacta, perfil sem capa e navegação responsiva.
 */

.pfo-app-quick-shortcuts {
    display:none;
}

/* A antiga tela/capa de abertura não deve reaparecer por cache. */
.ppa-splash,
[data-ppa-splash] {
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

/* A capa do perfil não é exibida dentro do aplicativo, inclusive em tablets/rotação. */
body.pfo-native-android .pfo-profile-cover,
body.ppa-standalone .pfo-profile-cover,
body.pfo-native-android #pfo-profile-cover-field,
body.ppa-standalone #pfo-profile-cover-field,
body.pfo-native-android [data-pfo-profile-media-input="cover"],
body.ppa-standalone [data-pfo-profile-media-input="cover"] {
    display:none!important;
}

@media (max-width: 780px){
    :root {
        --pfo-app-title-1:clamp(1.08rem, 4.4vw, 1.28rem);
        --pfo-app-title-2:clamp(.98rem, 4vw, 1.12rem);
        --pfo-app-title-3:clamp(.88rem, 3.6vw, 1rem);
        --pfo-app-body:.82rem;
        --pfo-app-small:.70rem;
    }

    html,
    body,
    body.pfo-native-android,
    body.ppa-standalone {
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        overflow-x:hidden!important;
        overflow-x:clip!important;
    }

    /* Cinco destinos sociais principais do aplicativo. Vídeos técnicos permanecem nos atalhos separados. */
    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav,
    .pfo-social-header--universal .pfo-social-header__mobile-nav,
    body.pfo-native-android .pfo-social-header__mobile-nav {
        grid-template-columns:repeat(5, minmax(0, 1fr))!important;
        min-height:52px!important;
        height:52px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav > a,
    .pfo-social-header--universal .pfo-social-header__mobile-nav > a,
    body.pfo-native-android .pfo-social-header__mobile-nav > a {
        display:grid!important;
        grid-template-rows:25px 12px!important;
        align-content:center!important;
        justify-items:center!important;
        gap:1px!important;
        padding:3px 1px 2px!important;
        overflow:visible!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav > a svg,
    .pfo-social-header--universal .pfo-social-header__mobile-nav > a svg,
    body.pfo-native-android .pfo-social-header__mobile-nav > a svg {
        width:22px!important;
        height:22px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav > a img,
    .pfo-social-header--universal .pfo-social-header__mobile-nav > a img,
    body.pfo-native-android .pfo-social-header__mobile-nav > a img {
        width:25px!important;
        height:25px!important;
    }

    .pfo-social-header__mobile-nav-label {
        display:block!important;
        position:static!important;
        width:auto!important;
        height:auto!important;
        max-width:100%!important;
        overflow:hidden!important;
        clip:auto!important;
        
        font-size:.55rem!important;
        font-weight:750!important;
        line-height:1!important;
        letter-spacing:-.01em!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    

    .pfo-social-header__mobile-videos svg {
        padding:3px!important;
        border-radius:50%!important;
        
        
    }

    /* Evita a duplicação entre o cabeçalho do tema e o shell standalone. */
    body.ppa-standalone .pfo-app-quick-shortcuts:not(.ppa-app-quick-shortcuts) {
        display:none!important;
    }

    /* Atalhos adicionais: rolam dentro do próprio trilho, nunca alargam a página. */
    .pfo-app-quick-shortcuts {
        display:flex;
        width:100%;
        min-width:0;
        max-width:100%;
        gap:7px;
        margin:0;
        padding:8px max(8px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left));
        overflow-x:auto;
        overflow-y:hidden;
        overscroll-behavior-x:contain;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        
        
        -webkit-overflow-scrolling:touch;
    }

    .pfo-app-quick-shortcuts::-webkit-scrollbar {
        display:none;
    }

    .pfo-app-quick-shortcuts > a {
        display:inline-flex;
        flex:0 0 auto;
        min-width:118px;
        min-height:38px;
        align-items:center;
        justify-content:center;
        gap:7px;
        padding:7px 10px;
        scroll-snap-align:start;
        
        border-radius:12px;
        
        
        text-decoration:none!important;
        
    }

    .pfo-app-quick-shortcuts > a:active {
        transform:scale(.98);
        
    }

    .pfo-app-quick-shortcuts > a > span,
    .pfo-app-quick-shortcuts > a > svg {
        display:grid;
        width:20px;
        height:20px;
        flex:0 0 20px;
        place-items:center;
    }

    .pfo-app-quick-shortcuts > a > span svg,
    .pfo-app-quick-shortcuts > a > svg {
        width:19px;
        height:19px;
    }

    .pfo-app-quick-shortcuts > a strong {
        font-size:.69rem;
        font-weight:850;
        line-height:1.05;
        white-space:nowrap;
    }

    .pfo-app-quick-shortcuts > a.is-featured {
        min-width:148px;
        
        
        
        
    }

    /* Perfil no aplicativo: remove a grande imagem de capa e privilegia dados úteis. */
    body.pfo-native-android .pfo-profile-cover,
    body.ppa-standalone .pfo-profile-cover,
    body.pfo-native-android #pfo-profile-cover-field,
    body.ppa-standalone #pfo-profile-cover-field,
    body.pfo-native-android [data-pfo-profile-media-input="cover"],
    body.ppa-standalone [data-pfo-profile-media-input="cover"] {
        display:none!important;
    }

    body.pfo-native-android .pfo-profile__identity--social,
    body.ppa-standalone .pfo-profile__identity--social {
        margin-top:0!important;
        padding-top:13px!important;
        border-radius:0!important;
    }

    /* Tipografia mais compacta sem comprometer a leitura. */
    body.pfo-native-android :where(.pfi-main, .pfi-entry-content, .pfo-social, .pfo-profile, .pfo-worker-support, .pfo-training),
    body.ppa-standalone :where(.pfi-main, .pfi-entry-content, .pfo-social, .pfo-profile, .pfo-worker-support, .pfo-training) {
        font-size:var(--pfo-app-body)!important;
        line-height:1.45!important;
    }

    body.pfo-native-android :where(.pfi-main, .pfo-social, .pfo-profile, .pfo-worker-support, .pfo-training) h1,
    body.ppa-standalone :where(.pfi-main, .pfo-social, .pfo-profile, .pfo-worker-support, .pfo-training) h1 {
        font-size:var(--pfo-app-title-1)!important;
        line-height:1.13!important;
        letter-spacing:-.025em!important;
    }

    body.pfo-native-android :where(.pfi-main, .pfo-social, .pfo-profile, .pfo-worker-support, .pfo-training) h2,
    body.ppa-standalone :where(.pfi-main, .pfo-social, .pfo-profile, .pfo-worker-support, .pfo-training) h2 {
        font-size:var(--pfo-app-title-2)!important;
        line-height:1.18!important;
        letter-spacing:-.018em!important;
    }

    body.pfo-native-android :where(.pfi-main, .pfo-social, .pfo-profile, .pfo-worker-support, .pfo-training) h3,
    body.ppa-standalone :where(.pfi-main, .pfo-social, .pfo-profile, .pfo-worker-support, .pfo-training) h3 {
        font-size:var(--pfo-app-title-3)!important;
        line-height:1.22!important;
    }

    body.pfo-native-android :where(.pfo-post__content, .pfo-comment__bubble, .pfo-panel p, .pfo-state p, .pfo-worker-support p),
    body.ppa-standalone :where(.pfo-post__content, .pfo-comment__bubble, .pfo-panel p, .pfo-state p, .pfo-worker-support p) {
        font-size:var(--pfo-app-body)!important;
    }

    body.pfo-native-android :where(small, .pfo-meta, .pfo-post__meta, .pfo-profile__location),
    body.ppa-standalone :where(small, .pfo-meta, .pfo-post__meta, .pfo-profile__location) {
        font-size:var(--pfo-app-small)!important;
    }

    body.pfo-native-android :where(button, .pfo-button, input, select, textarea),
    body.ppa-standalone :where(button, .pfo-button, input, select, textarea) {
        font-size:.76rem!important;
    }

    body.pfo-native-android :where(.pfi-main, .pfo-social, .pfo-profile, .pfo-worker-support) img,
    body.ppa-standalone :where(.pfi-main, .pfo-social, .pfo-profile, .pfo-worker-support) img {
        max-width:100%;
    }

    /* Shell PPA: cinco guias sociais e rótulos curtos. */
    body.ppa-standalone .ppa-social-tabs {
        grid-template-columns:repeat(5, minmax(0, 1fr))!important;
        min-height:54px!important;
    }

    body.ppa-standalone .ppa-social-tabs a {
        display:grid!important;
        grid-template-rows:25px 12px!important;
        align-content:center!important;
        justify-items:center!important;
        gap:1px!important;
        padding:3px 1px 2px!important;
    }

    body.ppa-standalone .ppa-social-tabs svg {
        width:22px!important;
        height:22px!important;
    }

    body.ppa-standalone .ppa-social-tabs .ppa-social-tabs__label {
        position:static!important;
        width:auto!important;
        height:auto!important;
        max-width:100%!important;
        overflow:hidden!important;
        clip:auto!important;
        font-size:.54rem!important;
        font-weight:760!important;
        line-height:1!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    

    body.ppa-standalone .ppa-social-tabs__videos svg,
    body.ppa-standalone .ppa-social-tabs__technical svg {
        padding:3px;
        border-radius:50%;
        
    }

    body.ppa-standalone .ppa-drawer__quick-actions {
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    }



    /* Evita duplicação do trilho de atalhos quando o shell PPA substitui o
       cabeçalho móvel do tema. */
    body.ppa-standalone.ppa-universal-header .pfo-social-header + .pfo-app-quick-shortcuts,
    body.ppa-standalone.ppa-universal-header .pfo-app-quick-shortcuts:not(.ppa-app-quick-shortcuts) {
        display:none!important;
    }

    body.ppa-standalone .ppa-drawer__quick-actions > * {
        min-width:0!important;
    }

    
}


@media (max-width: 440px){
    body.ppa-standalone .ppa-drawer__quick-actions {
        grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    }
}

@media (max-width: 360px){
    body.ppa-standalone .ppa-drawer__quick-actions {
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    }

    .pfo-social-header__mobile-nav-label,
    body.ppa-standalone .ppa-social-tabs .ppa-social-tabs__label {
        font-size:.49rem!important;
    }

    .pfo-app-quick-shortcuts > a {
        min-width:106px;
        padding-inline:8px;
    }

    .pfo-app-quick-shortcuts > a.is-featured {
        min-width:138px;
    }

    .pfo-app-quick-shortcuts > a strong {
        font-size:.64rem;
    }
}

@media (min-width: 781px){
    .pfo-app-quick-shortcuts {
        display:none!important;
    }
}


/* 3.10.17 — barra social com cinco abas, sem coluna fantasma após Perfil. */
@media (max-width: 900px){
    body.ppa-standalone .ppa-social-tabs,
    body.pfo-native-android .ppa-social-tabs,
    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav,
    .pfo-social-header--universal .pfo-social-header__mobile-nav {
        grid-template-columns:repeat(5, minmax(0, 1fr))!important;
    }

    body.ppa-standalone.pfo-social-shell-view,
    body.ppa-standalone.ppa-universal-header,
    body.pfo-native-android {
        --ppa-social-appbar-height:114px!important;
    }
}

/* Notificações encerradas de ferramentas sempre preservam o texto principal. */
.pfo-notification-type--tool-request .pfo-notification__content,
.pfo-notification-type--tool-returned .pfo-notification__content {
    display:flex!important;
    min-width:0!important;
    visibility:visible!important;
    opacity:1!important;
}

.pfo-notification-type--tool-request .pfo-notification__sentence,
.pfo-notification-type--tool-returned .pfo-notification__sentence {
    display:-webkit-box!important;
    visibility:visible!important;
    opacity:1!important;
}


/* 3.10.19 — notificações de ferramental: o status ocupa a segunda linha.
 * Sem flex-wrap, o selo "Devolvida" com width:100% comprimia o conteúdo da
 * notificação até zero no WebView Android. */
@media (max-width: 900px){
    .pfo-notification-center--facebook .pfo-notification-type--tool-request,
    .pfo-notification-center--facebook .pfo-notification-type--tool-returned,
    .pfo-notification-center--facebook .pfo-notification-type--tool-accepted,
    .pfo-notification-center--facebook .pfo-notification-type--tool-refused {
        flex-wrap:wrap!important;
        align-items:flex-start!important;
    }

    .pfo-notification-center--facebook .pfo-notification-type--tool-request .pfo-notification__main,
    .pfo-notification-center--facebook .pfo-notification-type--tool-returned .pfo-notification__main,
    .pfo-notification-center--facebook .pfo-notification-type--tool-accepted .pfo-notification__main,
    .pfo-notification-center--facebook .pfo-notification-type--tool-refused .pfo-notification__main {
        order:1!important;
        flex:1 1 calc(100% - 48px)!important;
        width:auto!important;
        min-width:0!important;
    }

    .pfo-notification-center--facebook .pfo-notification-type--tool-request .pfo-notification__menu-wrap,
    .pfo-notification-center--facebook .pfo-notification-type--tool-returned .pfo-notification__menu-wrap,
    .pfo-notification-center--facebook .pfo-notification-type--tool-accepted .pfo-notification__menu-wrap,
    .pfo-notification-center--facebook .pfo-notification-type--tool-refused .pfo-notification__menu-wrap {
        order:2!important;
        flex:0 0 45px!important;
    }

    .pfo-notification-center--facebook .pfo-tool-notification-result,
    .pfo-notification-center--facebook .pfo-tool-response {
        order:3!important;
        flex:0 0 100%!important;
        width:100%!important;
    }
}


/* 3.10.29 — atalhos do app no mesmo tema claro do cabeçalho. */
@media (max-width:780px){
  
  
  
  
  
  
}