/* PROENÇA 3.11.0 — camada estrutural sem paleta legada. Cores controladas pelo Design System 3.11.0. */
/**
 * Portal PROENÇA & FERRAZ 3.6.2
 * Sistema visual social unificado, inspirado na ergonomia do Facebook,
 * preservando marca, terminologia, permissões e fluxos corporativos.
 */

:root {
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --p360-radius:14px;
    --p360-radius-lg:20px;
    --p360-header-desktop:66px;
    --p360-header-mobile-top:64px;
    --p360-header-mobile-tabs:54px;
    --p360-feed:680px;
    --p360-left:300px;
    --p360-right:320px;
    
    --p360-font:Inter, Roboto, "Segoe UI", Arial, sans-serif;
}

html.pfo-ui-360,
html.pfo-ui-360 body,
body.pfo-proenca-app-360 {
    
    
    font-family:var(--p360-font)!important;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

body.pfo-proenca-app-360 *,
body.pfo-proenca-app-360 *::before,
body.pfo-proenca-app-360 *::after {
    box-sizing:border-box;
}

body.pfo-proenca-app-360 a,
body.pfo-proenca-app-360 button,
body.pfo-proenca-app-360 [role="button"],
body.pfo-proenca-app-360 summary,
body.pfo-proenca-app-360 label[for] {
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}

body.pfo-proenca-app-360 :focus-visible {
    
    outline-offset:2px;
}



/* --------------------------------------------------------------------------
 * CABEÇALHO UNIVERSAL
 * -------------------------------------------------------------------------- */
body.pfo-proenca-app-360 .pfo-social-header--universal {
    z-index:999;
    
    
    
    backdrop-filter:blur(18px) saturate(135%);
    -webkit-backdrop-filter:blur(18px) saturate(135%);
}



body.pfo-proenca-app-360 .pfo-social-header--universal::before {
    height:2px;
    
}

body.pfo-proenca-app-360 .pfo-social-header__desktop-search {
    display:none;
}

@media (min-width: 901px){
    body.pfo-proenca-app-360 .pfo-social-header__desktop {
        display:grid!important;
        grid-template-columns:minmax(320px, 390px) minmax(420px, 1fr) minmax(270px, 350px)!important;
        min-height:var(--p360-header-desktop)!important;
        gap:12px!important;
        padding:0 clamp(12px, 1.4vw, 24px)!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__start {
        display:flex;
        align-items:center;
        gap:8px!important;
        min-width:0;
    }

    body.pfo-proenca-app-360 .pfo-social-header__menu,
    body.pfo-proenca-app-360 .pfo-social-header__round,
    body.pfo-proenca-app-360 .pfo-social-header__avatar {
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        
        border-radius:50%!important;
        
        
        
    }

    

    body.pfo-proenca-app-360 .pfo-social-header__brand--wordmark {
        width:126px!important;
        height:42px!important;
        flex:0 0 126px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__brand--wordmark img {
        width:126px!important;
        max-height:38px!important;
        object-fit:contain!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__desktop-search {
        display:flex;
        min-width:44px;
        width:min(190px, 15vw);
        height:42px;
        align-items:center;
        gap:9px;
        padding:0 14px;
        overflow:hidden;
        
        border-radius:999px;
        
        
        font:inherit;
        font-size:.84rem;
        cursor:pointer;
        white-space:nowrap;
    }

    

    body.pfo-proenca-app-360 .pfo-social-header__desktop-search svg {
        width:19px;
        height:19px;
        flex:0 0 19px;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav {
        display:grid!important;
        grid-template-columns:repeat(6, minmax(58px, 112px));
        justify-content:center;
        gap:3px!important;
        min-width:0;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item {
        position:relative;
        display:flex!important;
        min-width:0!important;
        min-height:56px!important;
        align-items:center;
        justify-content:center;
        border-radius:10px!important;
        
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item span {
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        overflow:hidden!important;
        clip:rect(0 0 0 0)!important;
        white-space:nowrap!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item svg {
        width:25px!important;
        height:25px!important;
        stroke-width:2!important;
    }

    

    

    body.pfo-proenca-app-360 .pfo-social-header__nav-item.is-active::after {
        right:8px!important;
        bottom:-1px!important;
        left:8px!important;
        height:3px!important;
        border-radius:4px 4px 0 0;
        
    }

    body.pfo-proenca-app-360 .pfo-social-header__actions {
        gap:7px!important;
        justify-content:flex-end;
    }

    body.pfo-proenca-app-360 .pfo-social-header__round svg {
        width:22px!important;
        height:22px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__avatar > img {
        width:42px!important;
        height:42px!important;
        
        
    }
}

@media (max-width: 900px){
    body.pfo-proenca-app-360 .pfo-social-header__desktop {
        display:none!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile {
        display:block!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-top {
        display:grid!important;
        grid-template-columns:43px minmax(108px, 1fr) auto!important;
        min-height:var(--p360-header-mobile-top)!important;
        gap:7px!important;
        padding:5px max(8px, env(safe-area-inset-right)) 5px max(8px, env(safe-area-inset-left))!important;
        
        
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-menu,
    body.pfo-proenca-app-360 .pfo-social-header__mobile-actions a,
    body.pfo-proenca-app-360 .pfo-social-header__mobile-actions button {
        display:grid!important;
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        place-items:center!important;
        padding:0!important;
        
        border-radius:50%!important;
        
        
    }

    

    body.pfo-proenca-app-360 .pfo-social-header__mobile-menu svg,
    body.pfo-proenca-app-360 .pfo-social-header__mobile-actions svg {
        width:27px!important;
        height:27px!important;
        stroke-width:2.05!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-wordmark {
        display:flex!important;
        height:46px!important;
        align-items:center!important;
        justify-content:flex-start!important;
        overflow:hidden;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-wordmark img {
        display:block!important;
        width:min(175px, 38vw)!important;
        height:auto!important;
        max-height:42px!important;
        object-fit:contain!important;
        object-position:left center!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-actions {
        display:flex!important;
        gap:1px!important;
        align-items:center!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav {
        display:grid!important;
        grid-template-columns:repeat(5, minmax(0, 1fr))!important;
        height:var(--p360-header-mobile-tabs)!important;
        min-height:var(--p360-header-mobile-tabs)!important;
        padding:0!important;
        
        
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav > a {
        position:relative;
        display:grid!important;
        min-width:0!important;
        height:100%!important;
        place-items:center!important;
        padding:0!important;
        border-radius:0!important;
        
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav > a svg {
        width:26px!important;
        height:26px!important;
        stroke-width:2!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav > a img {
        width:31px!important;
        height:31px!important;
        
        border-radius:50%!important;
        object-fit:cover!important;
    }

    

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav > a.is-active::after {
        position:absolute;
        right:15%;
        bottom:0;
        left:15%;
        height:3px;
        border-radius:4px 4px 0 0;
        
        content:"";
    }

    body.pfo-proenca-app-360 .pfo-social-header__badge {
        top:3px!important;
        right:20%!important;
        min-width:19px!important;
        height:19px!important;
        padding:0 5px!important;
        
        
        font-size:.62rem!important;
    }
}

/* --------------------------------------------------------------------------
 * ESTRUTURA PRINCIPAL E DESKTOP EM TRÊS COLUNAS
 * -------------------------------------------------------------------------- */
body.pfo-proenca-app-360 :is(.pfi-site-stage, .pfi-site-layout, .pfi-main, .pfi-page, .pfi-entry-content) {
    min-width:0!important;
}

body.pfo-proenca-app-360.pfo-social-shell-view :is(.pfi-site-stage, .pfi-site-layout, .pfi-main, .pfi-page, .pfi-entry-content, #primary) {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    
    border-radius:0!important;
    
    
}

body.pfo-proenca-app-360 .pfo-social--facebook {
    min-height:calc(100vh - var(--p360-header-desktop));
    
}

body.pfo-proenca-app-360 .pfo-social-layout {
    display:grid!important;
    grid-template-columns:minmax(230px, var(--p360-left)) minmax(0, var(--p360-feed)) minmax(250px, var(--p360-right))!important;
    justify-content:center!important;
    gap:clamp(18px, 2vw, 34px)!important;
    width:100%!important;
    max-width:1540px!important;
    margin:0 auto!important;
    padding:18px clamp(14px, 2vw, 30px) 50px!important;
}

body.pfo-proenca-app-360 .pfo-social-main {
    width:100%!important;
    min-width:0!important;
    max-width:var(--p360-feed)!important;
    margin:0 auto!important;
    padding:0!important;
}

body.pfo-proenca-app-360 .pfo-social-rail {
    display:block!important;
    min-width:0!important;
}

body.pfo-proenca-app-360 .pfo-social-rail__sticky {
    position:sticky!important;
    top:calc(var(--p360-header-desktop) + 16px)!important;
    max-height:calc(100vh - var(--p360-header-desktop) - 30px)!important;
    overflow-y:auto!important;
    padding:0 5px 24px!important;
    scrollbar-width:thin;
    
}

body.pfo-proenca-app-360 .pfo-social-user,
body.pfo-proenca-app-360 .pfo-social-shortcuts a,
body.pfo-proenca-app-360 .pfo-social-profile-shortcuts a,
body.pfo-proenca-app-360 .pfo-contact {
    min-height:48px!important;
    border-radius:10px!important;
    
    text-decoration:none!important;
}



body.pfo-proenca-app-360 .pfo-social-user {
    padding:7px 8px!important;
}

body.pfo-proenca-app-360 .pfo-social-user img,
body.pfo-proenca-app-360 .pfo-social-profile-shortcuts img,
body.pfo-proenca-app-360 .pfo-contact__avatar img {
    object-fit:cover!important;
}

body.pfo-proenca-app-360 .pfo-social-shortcuts {
    display:grid!important;
    gap:2px!important;
    margin-top:4px!important;
}

body.pfo-proenca-app-360 .pfo-social-shortcuts a {
    display:grid!important;
    grid-template-columns:39px minmax(0, 1fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:5px 8px!important;
}

body.pfo-proenca-app-360 .pfo-social-shortcuts__icon {
    display:grid!important;
    width:38px!important;
    height:38px!important;
    place-items:center!important;
    border-radius:50%!important;
    
    
}

body.pfo-proenca-app-360 .pfo-social-shortcuts__icon svg {
    width:20px!important;
    height:20px!important;
}

body.pfo-proenca-app-360 .pfo-social-shortcuts strong,
body.pfo-proenca-app-360 .pfo-social-profile-shortcuts strong,
body.pfo-proenca-app-360 .pfo-contact strong {
    
    font-size:.88rem!important;
}

body.pfo-proenca-app-360 .pfo-social-shortcuts small,
body.pfo-proenca-app-360 .pfo-social-profile-shortcuts small,
body.pfo-proenca-app-360 .pfo-contact small {
    
    font-size:.7rem!important;
}

body.pfo-proenca-app-360 .pfo-social-widget,
body.pfo-proenca-app-360 .pfo-social-spotlight,
body.pfo-proenca-app-360 .pfo-social-custom-zone {
    margin:14px 0 0!important;
    padding:12px!important;
    
    border-radius:var(--p360-radius)!important;
    
    
}

body.pfo-proenca-app-360 .pfo-social-widget > header h2,
body.pfo-proenca-app-360 .pfo-social-widget--contacts > header h2 {
    
    font-size:.92rem!important;
}



body.pfo-proenca-app-360 .pfo-contact-search input {
    
    border-radius:999px!important;
    
    
}

/* --------------------------------------------------------------------------
 * COMPOSITOR, STORIES E FEED
 * -------------------------------------------------------------------------- */
body.pfo-proenca-app-360 .pfo-composer-launcher,
body.pfo-proenca-app-360 .pfo-stories,
body.pfo-proenca-app-360 .pfo-post {
    
    border-radius:var(--p360-radius)!important;
    
    
}

body.pfo-proenca-app-360 .pfo-composer-launcher {
    display:grid!important;
    grid-template-columns:42px minmax(0, 1fr) 42px!important;
    align-items:center!important;
    gap:10px!important;
    min-height:68px!important;
    margin:0 0 12px!important;
    padding:11px 13px!important;
}

body.pfo-proenca-app-360 .pfo-composer-launcher__avatar img {
    width:42px!important;
    height:42px!important;
    border-radius:50%!important;
    object-fit:cover!important;
}

body.pfo-proenca-app-360 .pfo-composer-launcher__prompt {
    min-height:42px!important;
    padding:0 16px!important;
    overflow:hidden!important;
    
    border-radius:999px!important;
    
    
    font:inherit!important;
    font-size:.92rem!important;
    text-align:left!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}



body.pfo-proenca-app-360 .pfo-composer-launcher__gallery {
    display:grid!important;
    width:42px!important;
    height:42px!important;
    place-items:center!important;
    
    border-radius:50%!important;
    
    
    font-size:1.25rem!important;
}

body.pfo-proenca-app-360 .pfo-stories {
    position:relative!important;
    margin:0 0 12px!important;
    padding:12px!important;
}

body.pfo-proenca-app-360 .pfo-stories__track {
    gap:8px!important;
    scroll-snap-type:x proximity;
}

body.pfo-proenca-app-360 .pfo-story-card {
    flex:0 0 112px!important;
    width:112px!important;
    height:190px!important;
    
    border-radius:13px!important;
    scroll-snap-align:start;
    
}



body.pfo-proenca-app-360 .pfo-feed {
    display:grid!important;
    gap:12px!important;
}

body.pfo-proenca-app-360 .pfo-post {
    overflow:visible!important;
}

body.pfo-proenca-app-360 .pfo-post__header {
    min-height:68px!important;
    padding:12px 14px 9px!important;
}

body.pfo-proenca-app-360 .pfo-post__header .pfo-avatar {
    width:42px!important;
    height:42px!important;
}

body.pfo-proenca-app-360 .pfo-post__author {
    
    font-size:.94rem!important;
    font-weight:800!important;
}

body.pfo-proenca-app-360 .pfo-post__meta {
    
    font-size:.72rem!important;
}



body.pfo-proenca-app-360 .pfo-post__menu {
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    
}



body.pfo-proenca-app-360 .pfo-post__content {
    padding:0 14px 12px!important;
    
    font-size:.94rem!important;
    line-height:1.46!important;
}



body.pfo-proenca-app-360 .pfo-post__attachments :is(img,video) {
    max-height:760px!important;
}

body.pfo-proenca-app-360 .pfo-post__stats {
    min-height:42px!important;
    padding:7px 14px!important;
    
}

body.pfo-proenca-app-360 .pfo-post__actions {
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    min-height:48px!important;
    padding:4px 8px!important;
    
}

body.pfo-proenca-app-360 .pfo-action {
    min-height:40px!important;
    border-radius:8px!important;
    
    font-size:.8rem!important;
}







body.pfo-proenca-app-360 .pfo-comment__bubble {
    border-radius:17px!important;
    
    
}

body.pfo-proenca-app-360 .pfo-comment-form textarea {
    
    border-radius:22px!important;
    
    
}

/* Menu e modal de publicação. */
body.pfo-proenca-app-360 .pfo-post-menu,
body.pfo-proenca-app-360 .pfi-account__menu,
body.pfo-proenca-app-360 .pfo-social-account__menu {
    
    border-radius:14px!important;
    
    
    
}



body.pfo-proenca-app-360 .pfo-post-composer-dialog::backdrop {
    
    backdrop-filter:blur(4px);
}

body.pfo-proenca-app-360 .pfo-post-composer {
    
    border-radius:17px!important;
    
    
}







/* --------------------------------------------------------------------------
 * COLEGAS / DIRETÓRIO
 * -------------------------------------------------------------------------- */
body.pfo-proenca-app-360 .pfo-people-hub {
    min-height:calc(100vh - var(--p360-header-desktop))!important;
    
}



body.pfo-proenca-app-360 .pfo-people-sidebar nav a {
    border-radius:10px!important;
    
}





body.pfo-proenca-app-360 .pfo-people-content {
    max-width:1120px!important;
    margin:0 auto!important;
}

















/* --------------------------------------------------------------------------
 * NOTIFICAÇÕES
 * -------------------------------------------------------------------------- */
body.pfo-proenca-app-360 .pfo-notifications-page,
body.pfo-proenca-app-360 .pfo-notification-center--facebook {
    width:100%!important;
    max-width:920px!important;
    margin:0 auto!important;
    
    border-radius:0!important;
    
    
}

body.pfo-proenca-app-360 .pfo-notification-pagebar {
    position:sticky!important;
    top:var(--p360-header-desktop)!important;
    z-index:20!important;
    min-height:72px!important;
    
    
    backdrop-filter:blur(16px);
}



body.pfo-proenca-app-360 .pfo-notification-pagebar__icon {
    border-radius:50%!important;
    
    
}



body.pfo-proenca-app-360 .pfo-notification {
    border-radius:0!important;
    
}









/* --------------------------------------------------------------------------
 * MENSAGENS
 * -------------------------------------------------------------------------- */
body.pfo-proenca-app-360 .pfo-messages {
    display:grid!important;
    grid-template-columns:minmax(280px, 360px) minmax(0, 1fr)!important;
    width:min(1180px, 100%)!important;
    min-height:calc(100vh - var(--p360-header-desktop) - 24px)!important;
    margin:12px auto!important;
    overflow:hidden!important;
    
    border-radius:var(--p360-radius-lg)!important;
    
    
}



body.pfo-proenca-app-360 .pfo-message-person {
    border-radius:10px!important;
}







body.pfo-proenca-app-360 .pfo-message span {
    border-radius:18px!important;
    
}



body.pfo-proenca-app-360 .pfo-message-form textarea {
    
    border-radius:20px!important;
    
    
}

/* --------------------------------------------------------------------------
 * PERFIL PROFISSIONAL
 * -------------------------------------------------------------------------- */
body.pfo-proenca-app-360 .pfo-profile--social {
    width:min(1260px, 100%)!important;
    margin:0 auto!important;
    
}

body.pfo-proenca-app-360 .pfo-profile-cover {
    min-height:350px!important;
    border-radius:0 0 16px 16px!important;
    
}

body.pfo-proenca-app-360 .pfo-profile__identity--social {
    display:grid!important;
    grid-template-columns:180px minmax(0, 1fr) auto!important;
    gap:18px!important;
    align-items:end!important;
    padding:0 28px 18px!important;
    
    
}

body.pfo-proenca-app-360 .pfo-profile__avatar-wrap {
    margin-top:-72px!important;
}

body.pfo-proenca-app-360 .pfo-profile__avatar {
    width:168px!important;
    height:168px!important;
    
    
}

body.pfo-proenca-app-360 .pfo-profile__name h1 {
    
    font-size:clamp(1.8rem, 3vw, 2.4rem)!important;
}



body.pfo-proenca-app-360 .pfo-profile__actions .pfo-button,
body.pfo-proenca-app-360 .pfo-button {
    border-radius:9px!important;
}







body.pfo-proenca-app-360 .pfo-profile__tabs {
    position:sticky!important;
    top:var(--p360-header-desktop)!important;
    z-index:15!important;
    margin:0!important;
    padding:8px 24px!important;
    
    border-radius:0!important;
    
    backdrop-filter:blur(14px);
}

body.pfo-proenca-app-360 .pfo-profile__tabs a {
    border-radius:8px!important;
    
}





body.pfo-proenca-app-360 .pfo-profile__body {
    display:grid!important;
    grid-template-columns:minmax(240px, 290px) minmax(0, 1fr) minmax(230px, 280px)!important;
    gap:18px!important;
    width:100%!important;
    max-width:1260px!important;
    margin:0 auto!important;
    padding:18px!important;
}

body.pfo-proenca-app-360 .pfo-profile__rail {
    display:grid!important;
    align-content:start!important;
    gap:14px!important;
}

body.pfo-proenca-app-360 .pfo-profile__content {
    min-width:0!important;
}

body.pfo-proenca-app-360 .pfo-panel,
body.pfo-proenca-app-360 .pfo-profile-overview > *,
body.pfo-proenca-app-360 .pfo-profile-overview__columns > * {
    
    border-radius:var(--p360-radius)!important;
    
    
}





/* --------------------------------------------------------------------------
 * REELS E COMENTÁRIOS
 * -------------------------------------------------------------------------- */
















/* --------------------------------------------------------------------------
 * PÁGINAS PROFISSIONAIS E MÓDULOS
 * -------------------------------------------------------------------------- */
body.pfo-proenca-app-360:not(.pfo-social-shell-view) .pfi-main,
body.pfo-proenca-app-360:not(.pfo-social-shell-view) .pfi-main--page,
body.pfo-proenca-app-360:not(.pfo-social-shell-view) .pfi-main--portal {
    width:min(1440px, 100%)!important;
    margin:0 auto!important;
}







/* --------------------------------------------------------------------------
 * MOBILE / WEBVIEW: EDGE-TO-EDGE, SEM CARTÃO EXTERNO
 * -------------------------------------------------------------------------- */
@media (max-width: 900px){
    html.pfo-ui-360,
    html.pfo-ui-360 body,
    body.pfo-proenca-app-360 {
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        overflow-x:hidden!important;
        
    }

    body.pfo-proenca-app-360 :is(.pfi-app-shell, .pfi-site-stage, .pfi-site-layout, .pfi-main, .pfi-main--page, .pfi-main--full, .pfi-main--portal, .pfi-page, .pfi-entry-content, #primary, .site-main, .entry-content) {
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding-right:0!important;
        padding-left:0!important;
        
        
        border-radius:0!important;
        
    }

    body.pfo-proenca-app-360 .pfo-social--facebook {
        min-height:calc(var(--pfo-vh, 100dvh) - var(--p360-header-mobile-top) - var(--p360-header-mobile-tabs))!important;
    }

    body.pfo-proenca-app-360 .pfo-social-layout {
        display:block!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0 0 calc(22px + env(safe-area-inset-bottom))!important;
    }

    body.pfo-proenca-app-360 .pfo-social-rail {
        display:none!important;
    }

    body.pfo-proenca-app-360 .pfo-social-main {
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        
    }

    body.pfo-proenca-app-360 .pfo-composer-launcher,
    body.pfo-proenca-app-360 .pfo-stories,
    body.pfo-proenca-app-360 .pfo-post {
        width:100%!important;
        max-width:none!important;
        margin-right:0!important;
        margin-left:0!important;
        
        
        border-radius:0!important;
        
    }

    body.pfo-proenca-app-360 .pfo-composer-launcher {
        grid-template-columns:40px minmax(0, 1fr) 38px!important;
        min-height:64px!important;
        margin-bottom:7px!important;
        padding:10px 12px!important;
        
        
    }

    body.pfo-proenca-app-360 .pfo-composer-launcher__avatar img {
        width:40px!important;
        height:40px!important;
    }

    body.pfo-proenca-app-360 .pfo-composer-launcher__prompt {
        min-height:40px!important;
        padding:0 14px!important;
        font-size:.88rem!important;
    }

    body.pfo-proenca-app-360 .pfo-stories {
        margin-bottom:7px!important;
        padding:10px 0!important;
    }

    body.pfo-proenca-app-360 .pfo-stories__track {
        padding:0 10px!important;
    }

    body.pfo-proenca-app-360 .pfo-story-card {
        flex-basis:104px!important;
        width:104px!important;
        height:178px!important;
    }

    body.pfo-proenca-app-360 .pfo-stories__scroll {
        display:none!important;
    }

    body.pfo-proenca-app-360 .pfo-feed {
        gap:7px!important;
    }

    

    body.pfo-proenca-app-360 .pfo-post__header {
        min-height:64px!important;
        padding:10px 12px 8px!important;
    }

    body.pfo-proenca-app-360 .pfo-post__content {
        padding:0 12px 10px!important;
        font-size:.91rem!important;
    }

    body.pfo-proenca-app-360 .pfo-post__attachments :is(img,video) {
        width:100%!important;
        max-height:none!important;
        object-fit:contain!important;
    }

    body.pfo-proenca-app-360 .pfo-post__stats {
        padding:6px 12px!important;
    }

    body.pfo-proenca-app-360 .pfo-post__actions {
        min-height:46px!important;
        padding:3px 6px!important;
    }

    body.pfo-proenca-app-360 .pfo-action {
        min-height:39px!important;
        font-size:.76rem!important;
    }

    body.pfo-proenca-app-360 .pfo-post-composer-dialog {
        width:100vw!important;
        max-width:none!important;
        height:var(--pfo-vh, 100dvh)!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
    }

    body.pfo-proenca-app-360 .pfo-post-composer {
        width:100%!important;
        height:100%!important;
        
        border-radius:0!important;
    }

    /* Colegas em lista integral. */
    body.pfo-proenca-app-360 .pfo-people-hub,
    body.pfo-proenca-app-360 .pfo-people-content {
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        
    }

    body.pfo-proenca-app-360 .pfo-people-sidebar {
        display:none!important;
    }

    body.pfo-proenca-app-360 .pfo-people-content__header--facebook {
        padding:14px 14px 9px!important;
    }

    body.pfo-proenca-app-360 .pfo-people-pills {
        margin:0!important;
        padding:0 12px 12px!important;
    }

    body.pfo-proenca-app-360 .pfo-people-pill {
        min-height:42px!important;
        padding:0 16px!important;
        font-size:.84rem!important;
    }

    body.pfo-proenca-app-360 .pfo-people-search {
        margin:0 12px 14px!important;
    }

    body.pfo-proenca-app-360 .pfo-people-section {
        padding:0 14px 18px!important;
    }

    body.pfo-proenca-app-360 .pfo-people-grid {
        display:grid!important;
        grid-template-columns:minmax(0, 1fr)!important;
        gap:0!important;
    }

    body.pfo-proenca-app-360 .pfo-people-card {
        display:grid!important;
        grid-template-columns:96px minmax(0, 1fr)!important;
        min-height:142px!important;
        padding:12px 0!important;
        
        border-radius:0!important;
    }

    body.pfo-proenca-app-360 .pfo-people-card__media {
        min-height:118px!important;
        padding:10px!important;
        border-radius:12px!important;
    }

    body.pfo-proenca-app-360 .pfo-people-card__media img {
        width:76px!important;
        height:76px!important;
    }

    body.pfo-proenca-app-360 .pfo-people-card__main {
        padding:4px 0 4px 12px!important;
    }

    body.pfo-proenca-app-360 .pfo-people-card__actions {
        grid-template-columns:minmax(0, 1fr)!important;
        gap:7px!important;
        padding-top:10px!important;
    }

    body.pfo-proenca-app-360 .pfo-people-action {
        min-height:40px!important;
        font-size:.86rem!important;
    }

    /* Notificações edge-to-edge. */
    body.pfo-proenca-app-360 .pfo-notifications-page,
    body.pfo-proenca-app-360 .pfo-notification-center--facebook {
        width:100%!important;
        max-width:none!important;
        margin:0!important;
    }

    body.pfo-proenca-app-360 .pfo-notification-pagebar {
        top:calc(var(--p360-header-mobile-top) + var(--p360-header-mobile-tabs))!important;
        min-height:62px!important;
        padding:8px 12px!important;
    }

    body.pfo-proenca-app-360 .pfo-notification-section__heading {
        padding:13px 14px 9px!important;
    }

    body.pfo-proenca-app-360 .pfo-notification {
        min-height:82px!important;
        padding:10px 14px!important;
    }

    /* Mensagens: lista/tela em largura total. */
    body.pfo-proenca-app-360 .pfo-messages {
        display:block!important;
        width:100%!important;
        min-height:calc(var(--pfo-vh, 100dvh) - var(--p360-header-mobile-top) - var(--p360-header-mobile-tabs))!important;
        margin:0!important;
        
        border-radius:0!important;
        
    }

    body.pfo-proenca-app-360 .pfo-messages__sidebar {
        width:100%!important;
        
    }

    body.pfo-proenca-app-360 .pfo-messages__thread {
        min-height:65vh!important;
        
    }

    body.pfo-proenca-app-360 .pfo-message-form {
        position:sticky!important;
        bottom:0!important;
        padding-bottom:max(10px, env(safe-area-inset-bottom))!important;
    }

    /* Perfil mobile com hierarquia do Facebook. */
    body.pfo-proenca-app-360 .pfo-profile--social {
        width:100%!important;
        max-width:none!important;
        margin:0!important;
    }

    body.pfo-proenca-app-360 .pfo-profile-cover {
        min-height:clamp(190px, 52vw, 250px)!important;
        border-radius:0!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__identity--social {
        display:grid!important;
        grid-template-columns:112px minmax(0, 1fr)!important;
        gap:12px!important;
        align-items:start!important;
        padding:0 14px 16px!important;
        
    }

    body.pfo-proenca-app-360 .pfo-profile__avatar-wrap {
        width:112px!important;
        margin-top:-48px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__avatar {
        width:112px!important;
        height:112px!important;
        border-width:4px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__name {
        min-width:0!important;
        padding-top:10px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__name h1 {
        margin-bottom:5px!important;
        font-size:clamp(1.35rem, 6vw, 1.75rem)!important;
        line-height:1.08!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__badges,
    body.pfo-proenca-app-360 .pfo-profile__actions {
        grid-column:1 / -1!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__badges {
        display:flex!important;
        gap:6px!important;
        overflow-x:auto!important;
        padding-top:3px!important;
        scrollbar-width:none;
    }

    body.pfo-proenca-app-360 .pfo-profile__actions {
        display:grid!important;
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:8px!important;
        width:100%!important;
        padding-top:3px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__actions .pfo-button {
        min-height:41px!important;
        padding:8px 9px!important;
        font-size:.73rem!important;
        white-space:normal!important;
    }

    body.pfo-proenca-app-360 .pfo-profile-score {
        grid-column:1 / -1!important;
        width:100%!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__social-summary {
        display:grid!important;
        grid-template-columns:repeat(3, minmax(0, 1fr))!important;
        padding:10px 8px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__social-summary a {
        padding:5px!important;
        text-align:center!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__tabs {
        top:calc(var(--p360-header-mobile-top) + var(--p360-header-mobile-tabs))!important;
        display:flex!important;
        width:100%!important;
        margin:0!important;
        padding:7px 10px!important;
        gap:5px!important;
        overflow-x:auto!important;
        border-radius:0!important;
        scrollbar-width:none;
    }

    body.pfo-proenca-app-360 .pfo-profile__tabs a {
        flex:0 0 auto!important;
        min-height:38px!important;
        padding:8px 11px!important;
        font-size:.72rem!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__body {
        display:flex!important;
        flex-direction:column!important;
        gap:8px!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:8px 0 20px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__rail,
    body.pfo-proenca-app-360 .pfo-profile__content {
        display:grid!important;
        width:100%!important;
        gap:8px!important;
    }

    body.pfo-proenca-app-360 .pfo-panel,
    body.pfo-proenca-app-360 .pfo-profile-overview > *,
    body.pfo-proenca-app-360 .pfo-profile-overview__columns > * {
        width:100%!important;
        margin:0!important;
        
        
        border-radius:0!important;
        
    }

    /* Reels realmente em tela cheia. */
    body.pfo-proenca-app-360.pfo-reels-view :is(.pfi-site-stage, .pfi-site-layout, .pfi-main, .pfi-page, .pfi-entry-content),
    body.pfo-proenca-app-360.pfo-reels-page-view :is(.pfi-site-stage, .pfi-site-layout, .pfi-main, .pfi-page, .pfi-entry-content) {
        height:calc(var(--pfo-vh, 100dvh) - var(--p360-header-mobile-top) - var(--p360-header-mobile-tabs))!important;
        min-height:0!important;
        overflow:hidden!important;
    }

    body.pfo-proenca-app-360 .pfo-reel-comments-shell {
        width:100%!important;
        max-width:none!important;
        max-height:88%!important;
        border-radius:20px 20px 0 0!important;
    }
}

@media (min-width: 901px) and (max-width: 1199px){
    body.pfo-proenca-app-360 .pfo-social-layout {
        grid-template-columns:minmax(220px, 270px) minmax(0, var(--p360-feed))!important;
        max-width:1120px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-rail--right {
        display:none!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__body {
        grid-template-columns:minmax(220px, 270px) minmax(0, 1fr)!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__rail--right {
        grid-column:1 / -1!important;
        grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    }
}

@media (min-width: 1500px){
    body.pfo-proenca-app-360 .pfo-social-layout {
        grid-template-columns:320px var(--p360-feed) 340px!important;
    }
}

@media (hover: none), (pointer: coarse){
    body.pfo-proenca-app-360 a:hover,
    body.pfo-proenca-app-360 button:hover,
    body.pfo-proenca-app-360 [role="button"]:hover {
        transition-delay:0s!important;
    }

    body.pfo-proenca-app-360 :is(a, button, [role="button"])::before,
    body.pfo-proenca-app-360 :is(a, button, [role="button"])::after {
        pointer-events:none;
    }

    body.pfo-proenca-app-360 .pfo-tap-pressed {
        opacity:.78!important;
        transform:scale(.985)!important;
        transition:opacity .05s linear, transform .05s linear!important;
    }
}

@media (prefers-reduced-motion: reduce){
    body.pfo-proenca-app-360 *,
    body.pfo-proenca-app-360 *::before,
    body.pfo-proenca-app-360 *::after {
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}

/* ========================================================================== 
 * 3.6.1 — Refinamento mobile: mais conteúdo por tela, controles progressivos
 * e proporções de mídia consistentes.
 * ========================================================================== */
:root {
    --p360-header-mobile-top:56px;
    --p360-header-mobile-tabs:48px;
}

body.pfo-proenca-app-360 .pfi-icon {
    display:block;
    width:1.25em;
    height:1.25em;
    flex:0 0 auto;
}

/* Cabeçalho mais compacto e recolhível durante a leitura do feed. */
@media (max-width: 900px){
    body.pfo-proenca-app-360 .pfo-social-header__mobile-top {
        grid-template-columns:39px minmax(96px, 1fr) auto!important;
        min-height:var(--p360-header-mobile-top)!important;
        max-height:var(--p360-header-mobile-top)!important;
        padding:4px max(7px, env(safe-area-inset-right)) 4px max(7px, env(safe-area-inset-left))!important;
        transition:max-height .2s ease, min-height .2s ease, padding .2s ease, opacity .16s ease, border-color .2s ease!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-menu,
    body.pfo-proenca-app-360 .pfo-social-header__mobile-actions a,
    body.pfo-proenca-app-360 .pfo-social-header__mobile-actions button {
        width:38px!important;
        min-width:38px!important;
        height:38px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-menu svg,
    body.pfo-proenca-app-360 .pfo-social-header__mobile-actions svg {
        width:24px!important;
        height:24px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-wordmark {
        height:42px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-wordmark img {
        width:min(150px, 36vw)!important;
        max-height:35px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav {
        height:var(--p360-header-mobile-tabs)!important;
        min-height:var(--p360-header-mobile-tabs)!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav > a svg {
        width:23px!important;
        height:23px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__mobile-nav > a img {
        width:28px!important;
        height:28px!important;
    }

    body.pfo-proenca-app-360.pfo-scrolled .pfo-social-header__mobile-top {
        min-height:0!important;
        max-height:0!important;
        padding-top:0!important;
        padding-bottom:0!important;
        overflow:hidden!important;
        
        opacity:0!important;
        pointer-events:none!important;
    }
}

/* Publicador compacto e progressivo. */


body.pfo-proenca-app-360 .pfo-post-composer__header {
    min-height:60px!important;
    grid-template-columns:42px minmax(0, 1fr) 84px!important;
    padding:7px 12px!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__header h2 {
    font-size:1.08rem!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__close {
    width:36px!important;
    height:36px!important;
    font-size:1.55rem!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__submit {
    min-height:36px!important;
    padding:7px 12px!important;
    border-radius:9px!important;
    font-size:.78rem!important;
}



body.pfo-proenca-app-360 .pfo-post-composer__content {
    padding:14px 16px calc(14px + env(safe-area-inset-bottom, 0px))!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__identity {
    gap:10px!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__identity .pfo-avatar {
    width:44px!important;
    height:44px!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__identity strong {
    font-size:.9rem!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__identity span {
    padding:4px 8px!important;
    font-size:.66rem!important;
}

body.pfo-proenca-app-360 .pfo-post-composer textarea[data-pfo-post-content] {
    min-height:92px!important;
    height:92px;
    max-height:42vh!important;
    flex:0 0 auto!important;
    margin:12px 0 10px!important;
    padding:0!important;
    overflow-y:auto!important;
    resize:none!important;
    
    
    
    
    font-size:1.05rem!important;
    line-height:1.42!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__choices {
    margin-top:6px!important;
    padding-top:8px!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__choices h3 {
    margin-bottom:8px!important;
    font-size:.76rem!important;
}

body.pfo-proenca-app-360 .pfo-post-composer__choice-grid {
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
}

body.pfo-proenca-app-360 .pfo-post-choice {
    grid-template-columns:42px minmax(0, 1fr)!important;
    grid-template-rows:auto auto!important;
    min-height:68px!important;
    place-items:initial!important;
    align-content:center!important;
    column-gap:10px!important;
    row-gap:2px!important;
    padding:10px 12px!important;
    
    border-radius:12px!important;
    text-align:left!important;
}

body.pfo-proenca-app-360 .pfo-post-choice__icon {
    grid-row:1 / 3!important;
    width:42px!important;
    height:42px!important;
    align-self:center!important;
    border-radius:11px!important;
}

body.pfo-proenca-app-360 .pfo-post-choice__icon svg {
    width:22px!important;
    height:22px!important;
}

body.pfo-proenca-app-360 .pfo-post-choice strong {
    align-self:end!important;
    font-size:.82rem!important;
}

body.pfo-proenca-app-360 .pfo-post-choice small {
    align-self:start!important;
    font-size:.66rem!important;
}

/* Feed plano: separação por espaço, não por excesso de contornos. */






body.pfo-proenca-app-360 .pfo-post__actions {
    padding-inline:10px!important;
}

body.pfo-proenca-app-360 .pfo-action {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
}

body.pfo-proenca-app-360 .pfo-action > svg,
body.pfo-proenca-app-360 .pfo-action .pfi-icon {
    width:20px!important;
    height:20px!important;
}

body.pfo-proenca-app-360 .pfo-action__emoji {
    display:grid!important;
    width:20px!important;
    height:20px!important;
    place-items:center!important;
    font-size:1.02rem!important;
    line-height:1!important;
}

/* Comentários recolhidos por padrão; ferramentas aparecem após o toque. */
body.pfo-proenca-app-360 .pfo-post:not(.is-comments-open) .pfo-comments {
    display:none!important;
}

body.pfo-proenca-app-360 .pfo-comment-form {
    display:grid!important;
    grid-template-columns:36px minmax(0, 1fr)!important;
    align-items:start!important;
    gap:8px!important;
    padding:8px 12px 10px!important;
    
}

body.pfo-proenca-app-360 .pfo-comment-form > .pfo-avatar {
    width:36px!important;
    height:36px!important;
    margin-top:2px!important;
}

body.pfo-proenca-app-360 .pfo-comment-composer__editor {
    min-height:40px!important;
    padding:0 10px!important;
    
    border-radius:22px!important;
    
    transition:border-radius .16s ease, padding .16s ease!important;
}

body.pfo-proenca-app-360 .pfo-comment-form textarea {
    width:100%!important;
    min-height:40px!important;
    height:40px!important;
    max-height:120px!important;
    padding:10px 2px 8px!important;
    overflow-y:auto!important;
    
    
    
    
    font-size:.84rem!important;
    line-height:1.35!important;
}

body.pfo-proenca-app-360 .pfo-comment-composer__tools,
body.pfo-proenca-app-360 .pfo-comment-reply-context,
body.pfo-proenca-app-360 .pfo-comment-preview {
    display:none!important;
}

body.pfo-proenca-app-360 .pfo-comment-form:is(:focus-within, .is-expanded) .pfo-comment-composer__editor {
    padding:0 9px 7px!important;
    border-radius:18px!important;
}

body.pfo-proenca-app-360 .pfo-comment-form:is(:focus-within, .is-expanded) .pfo-comment-composer__tools {
    display:flex!important;
    min-height:34px!important;
    align-items:center!important;
    gap:3px!important;
    padding:2px 0 0!important;
}

body.pfo-proenca-app-360 .pfo-comment-form:is(:focus-within, .is-expanded) .pfo-comment-reply-context:not([hidden]),
body.pfo-proenca-app-360 .pfo-comment-form:is(:focus-within, .is-expanded) .pfo-comment-preview:not([hidden]) {
    display:flex!important;
}

body.pfo-proenca-app-360 .pfo-comment-composer__tools :is(button, label) {
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    padding:0!important;
    border-radius:50%!important;
}

body.pfo-proenca-app-360 .pfo-comment-composer__tools svg {
    width:18px!important;
    height:18px!important;
}

body.pfo-proenca-app-360 .pfo-comment-composer__submit {
    margin-left:auto!important;
    
}

/* Stories mais compactos: mais itens visíveis e indicação natural de rolagem. */
body.pfo-proenca-app-360 .pfo-story-card {
    flex:0 0 94px!important;
    width:94px!important;
    height:158px!important;
    border-radius:12px!important;
}

body.pfo-proenca-app-360 .pfo-story-card__avatar {
    width:32px!important;
    height:32px!important;
}

/* Proporção de mídia previsível no feed. */
body.pfo-proenca-app-360 .pfo-video-card.is-horizontal {
    width:100%!important;
    aspect-ratio:16 / 9!important;
}

body.pfo-proenca-app-360 .pfo-video-card.is-vertical {
    width:min(100%, 520px)!important;
    aspect-ratio:4 / 5!important;
}

body.pfo-proenca-app-360 .pfo-video-card.is-vertical .pfo-video-card__media {
    object-fit:cover!important;
}

body.pfo-proenca-app-360 .pfo-video-card.is-horizontal .pfo-video-card__media,
body.pfo-proenca-app-360 .pfo-video-card.is-unknown .pfo-video-card__media {
    object-fit:contain!important;
}

@media (max-width: 900px){
    body.pfo-proenca-app-360 .pfo-composer-launcher {
        grid-template-columns:38px minmax(0, 1fr) 34px!important;
        min-height:58px!important;
        margin-bottom:6px!important;
        padding:8px 10px!important;
    }

    body.pfo-proenca-app-360 .pfo-composer-launcher__avatar img {
        width:38px!important;
        height:38px!important;
    }

    body.pfo-proenca-app-360 .pfo-composer-launcher__prompt {
        min-height:38px!important;
        padding:0 12px!important;
        font-size:.83rem!important;
    }

    body.pfo-proenca-app-360 .pfo-composer-launcher__gallery {
        width:34px!important;
        height:34px!important;
    }

    body.pfo-proenca-app-360 .pfo-composer-launcher__gallery svg {
        width:21px!important;
        height:21px!important;
    }

    body.pfo-proenca-app-360 .pfo-stories {
        margin-bottom:6px!important;
        padding:8px 0!important;
    }

    body.pfo-proenca-app-360 .pfo-stories__track {
        gap:7px!important;
        padding:0 9px!important;
    }

    body.pfo-proenca-app-360 .pfo-feed {
        gap:6px!important;
    }

    

    body.pfo-proenca-app-360 .pfo-post__header {
        min-height:58px!important;
        padding:9px 11px 7px!important;
    }

    body.pfo-proenca-app-360 .pfo-post__header .pfo-avatar {
        width:39px!important;
        height:39px!important;
    }

    body.pfo-proenca-app-360 .pfo-post__author {
        font-size:.88rem!important;
    }

    body.pfo-proenca-app-360 .pfo-post__meta {
        font-size:.68rem!important;
    }

    body.pfo-proenca-app-360 .pfo-post__content {
        padding:0 11px 9px!important;
        font-size:.88rem!important;
    }

    body.pfo-proenca-app-360 .pfo-post__stats {
        min-height:36px!important;
        padding:5px 11px!important;
        font-size:.72rem!important;
    }

    body.pfo-proenca-app-360 .pfo-post__actions {
        min-height:43px!important;
        padding:2px 5px!important;
    }

    body.pfo-proenca-app-360 .pfo-action {
        min-height:37px!important;
        gap:5px!important;
        font-size:.72rem!important;
    }

    body.pfo-proenca-app-360 .pfo-post-composer-dialog {
        width:100vw!important;
        height:var(--pfo-vh, 100dvh)!important;
    }

    body.pfo-proenca-app-360 .pfo-post-composer__content {
        overflow-x:hidden!important;
    }

    body.pfo-proenca-app-360 .pfo-video-card.is-vertical {
        width:100%!important;
        max-width:none!important;
        aspect-ratio:4 / 5!important;
    }
}

@media (max-width: 390px){
    body.pfo-proenca-app-360 .pfo-post-composer__choice-grid {
        grid-template-columns:1fr!important;
    }

    body.pfo-proenca-app-360 .pfo-story-card {
        flex-basis:88px!important;
        width:88px!important;
        height:150px!important;
    }
}

/* 3.6.2 — Perfil: resumo separado e aba Reels funcional. */
body.pfo-proenca-app-360 .pfo-profile__social-summary {
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    gap:0!important;
    width:100%!important;
    overflow:visible!important;
    padding:10px 12px!important;
}

body.pfo-proenca-app-360 .pfo-profile__social-summary a {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
    padding:8px 10px!important;
    border-radius:0!important;
    text-align:center!important;
    line-height:1.15!important;
}



body.pfo-proenca-app-360 .pfo-profile__social-summary strong {
    display:block!important;
    
    font-size:1.05rem!important;
    line-height:1!important;
}

body.pfo-proenca-app-360 .pfo-profile__social-summary span {
    display:block!important;
    max-width:100%!important;
    
    font-size:.72rem!important;
    line-height:1.2!important;
    overflow-wrap:anywhere!important;
}

/* A aba do perfil não pode herdar o modo de Reels em tela cheia. */
body.pfo-profile-reels-view :is(.pfi-site-stage, .pfi-site-layout, .pfi-main, .pfi-page, .pfi-entry-content) {
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
}

body.pfo-profile-reels-view .pfo-profile__body {
    display:block!important;
    width:100%!important;
    max-width:1260px!important;
    margin:0 auto!important;
}

body.pfo-profile-reels-view .pfo-profile__rail {
    display:none!important;
}

body.pfo-profile-reels-view .pfo-profile__content {
    display:block!important;
    width:100%!important;
    min-width:0!important;
}

body.pfo-profile-reels-view .pfo-profile-reels {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:18px!important;
    border-radius:14px!important;
}

body.pfo-profile-reels-view .pfo-profile-reels > header {
    margin-bottom:14px!important;
}

body.pfo-profile-reels-view .pfo-profile-reels-grid {
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    gap:8px!important;
    width:100%!important;
}

body.pfo-profile-reels-view .pfo-profile-reel {
    position:relative!important;
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    
    border-radius:10px!important;
    
    
}

body.pfo-profile-reels-view .pfo-profile-reel__cover {
    position:relative!important;
    display:block!important;
    width:100%!important;
    aspect-ratio:9 / 16!important;
    overflow:hidden!important;
    
    background-position:center!important;
    background-size:cover!important;
}

body.pfo-profile-reels-view .pfo-profile-reel__cover video {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}

body.pfo-profile-reels-view .pfo-profile-reel__cover i {
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    display:grid!important;
    width:42px!important;
    height:42px!important;
    place-items:center!important;
    border-radius:50%!important;
    
    
    font-style:normal!important;
    transform:translate(-50%, -50%)!important;
}

body.pfo-profile-reels-view .pfo-profile-reel strong,
body.pfo-profile-reels-view .pfo-profile-reel small {
    display:block!important;
    overflow:hidden!important;
    padding:7px 9px 0!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

body.pfo-profile-reels-view .pfo-profile-reel small {
    padding:3px 9px 9px!important;
    
    font-size:.7rem!important;
}

@media (max-width: 760px){
    body.pfo-proenca-app-360 .pfo-profile__social-summary {
        padding:8px 0!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__social-summary a {
        padding:7px 4px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__social-summary span {
        font-size:.66rem!important;
    }

    body.pfo-profile-reels-view .pfo-profile__body,
    body.pfo-profile-reels-view .pfo-profile__content {
        padding:0!important;
    }

    body.pfo-profile-reels-view .pfo-profile-reels {
        padding:12px 0 0!important;
        border-radius:0!important;
    }

    body.pfo-profile-reels-view .pfo-profile-reels > header {
        padding:0 12px!important;
    }

    body.pfo-profile-reels-view .pfo-profile-reels-grid {
        grid-template-columns:repeat(3, minmax(0, 1fr))!important;
        gap:3px!important;
    }

    body.pfo-profile-reels-view .pfo-profile-reel {
        border-radius:0!important;
    }

    body.pfo-profile-reels-view .pfo-profile-reel strong,
    body.pfo-profile-reels-view .pfo-profile-reel small {
        display:none!important;
    }

    body.pfo-profile-reels-view .pfo-profile-reel__cover i {
        width:34px!important;
        height:34px!important;
        font-size:.8rem!important;
    }
}

/* --------------------------------------------------------------------------
 * 3.6.3 — Perfil compacto no padrão social mobile
 * -------------------------------------------------------------------------- */
body.pfo-proenca-app-360 .pfo-profile__identity--social {
    align-items:center!important;
    padding-bottom:14px!important;
}

body.pfo-proenca-app-360 .pfo-profile__name {
    min-width:0!important;
}

body.pfo-proenca-app-360 .pfo-profile__name .pfo-eyebrow {
    margin-bottom:4px!important;
    font-size:.66rem!important;
    letter-spacing:.12em!important;
    line-height:1.25!important;
}

body.pfo-proenca-app-360 .pfo-profile__name h1 {
    margin:0 0 5px!important;
    font-size:clamp(1.65rem, 2.7vw, 2.15rem)!important;
    line-height:1.06!important;
}

body.pfo-proenca-app-360 .pfo-profile__headline {
    font-size:.88rem!important;
    line-height:1.3!important;
}

body.pfo-proenca-app-360 .pfo-profile__location,
body.pfo-proenca-app-360 .pfo-profile__quick-count {
    margin-top:4px!important;
    font-size:.78rem!important;
    line-height:1.3!important;
}

body.pfo-proenca-app-360 .pfo-profile__badges {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin-top:9px!important;
}

body.pfo-proenca-app-360 .pfo-profile__badges .pfo-badge {
    min-height:28px!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    font-size:.65rem!important;
    line-height:1!important;
}

body.pfo-proenca-app-360 .pfo-profile__actions--social {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:350px!important;
    padding:0!important;
}

body.pfo-proenca-app-360 .pfo-profile__action-grid {
    display:grid!important;
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    gap:7px!important;
    width:100%!important;
}

body.pfo-proenca-app-360 .pfo-profile-action {
    display:inline-flex!important;
    min-width:0!important;
    min-height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:7px 10px!important;
    
    border-radius:9px!important;
    
    
    font-size:.74rem!important;
    font-weight:760!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
}





body.pfo-proenca-app-360 .pfo-profile-action svg {
    flex:0 0 auto!important;
    width:17px!important;
    height:17px!important;
    stroke-width:2!important;
}

body.pfo-proenca-app-360 .pfo-profile-action--connection {
    display:contents!important;
}

body.pfo-proenca-app-360 .pfo-profile-action--connection .pfo-button {
    min-height:38px!important;
    padding:7px 10px!important;
    border-radius:9px!important;
    font-size:.74rem!important;
}

body.pfo-proenca-app-360 .pfo-profile__aux-row {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-height:28px!important;
}

body.pfo-proenca-app-360 .pfo-profile__whatsapp .pfo-whatsapp-link {
    display:inline-flex!important;
    min-height:28px!important;
    align-items:center!important;
    gap:5px!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    
    
    font-size:.7rem!important;
    text-decoration:none!important;
}

body.pfo-proenca-app-360 .pfo-profile__aux-row .pfo-profile-score {
    display:inline-flex!important;
    width:auto!important;
    min-height:28px!important;
    align-items:center!important;
    gap:5px!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    
}

body.pfo-proenca-app-360 .pfo-profile__aux-row .pfo-profile-score strong,
body.pfo-proenca-app-360 .pfo-profile__aux-row .pfo-profile-score span {
    font-size:.65rem!important;
    line-height:1!important;
}

body.pfo-proenca-app-360 .pfo-profile__social-summary {
    min-height:72px!important;
    padding:7px 12px!important;
}

body.pfo-proenca-app-360 .pfo-profile__social-summary a {
    min-height:54px!important;
    padding:6px 8px!important;
}

body.pfo-proenca-app-360 .pfo-profile__social-summary strong {
    font-size:.98rem!important;
}

body.pfo-proenca-app-360 .pfo-profile__social-summary span {
    font-size:.66rem!important;
}

@media (max-width: 920px){
    body.pfo-proenca-app-360 .pfo-profile-cover {
        min-height:clamp(180px, 44vw, 230px)!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__identity--social {
        grid-template-columns:104px minmax(0, 1fr)!important;
        gap:11px!important;
        align-items:start!important;
        padding:0 14px 13px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__avatar-wrap {
        width:104px!important;
        margin-top:-44px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__avatar {
        width:104px!important;
        height:104px!important;
        border-width:4px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__avatar-edit {
        width:35px!important;
        height:35px!important;
        font-size:.82rem!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__name {
        padding-top:8px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__name .pfo-eyebrow {
        display:none!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__name h1 {
        font-size:clamp(1.35rem, 5.6vw, 1.65rem)!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__headline {
        font-size:.8rem!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__location,
    body.pfo-proenca-app-360 .pfo-profile__quick-count {
        font-size:.72rem!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__badges,
    body.pfo-proenca-app-360 .pfo-profile__actions--social {
        grid-column:1 / -1!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__badges {
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        margin-top:4px!important;
        padding-bottom:2px!important;
        scrollbar-width:none!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__badges::-webkit-scrollbar {
        display:none!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__actions--social {
        min-width:0!important;
        gap:7px!important;
        margin-top:2px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__action-grid {
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:7px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile-action,
    body.pfo-proenca-app-360 .pfo-profile-action--connection .pfo-button {
        min-height:39px!important;
        padding:7px 9px!important;
        border-radius:9px!important;
        font-size:.74rem!important;
    }

    body.pfo-proenca-app-360 .pfo-profile-action svg {
        width:16px!important;
        height:16px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__aux-row {
        justify-content:flex-start!important;
        overflow-x:auto!important;
        padding:1px 0!important;
        scrollbar-width:none!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__aux-row::-webkit-scrollbar {
        display:none!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__aux-row .pfo-profile-score {
        display:none!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__whatsapp .pfo-whatsapp-link {
        min-height:26px!important;
        padding:3px 8px!important;
        font-size:.66rem!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__social-summary {
        min-height:62px!important;
        padding:6px 0!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__social-summary a {
        min-height:48px!important;
        padding:5px 3px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__social-summary strong {
        font-size:.92rem!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__social-summary span {
        font-size:.61rem!important;
        line-height:1.15!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__tabs {
        padding:5px 8px!important;
        gap:3px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__tabs a {
        min-height:34px!important;
        padding:7px 10px!important;
        font-size:.69rem!important;
    }
}

@media (max-width: 390px){
    body.pfo-proenca-app-360 .pfo-profile__identity--social {
        grid-template-columns:92px minmax(0, 1fr)!important;
        padding-inline:11px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__avatar-wrap {
        width:92px!important;
        margin-top:-38px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__avatar {
        width:92px!important;
        height:92px!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__name h1 {
        font-size:1.28rem!important;
    }

    body.pfo-proenca-app-360 .pfo-profile__headline,
    body.pfo-proenca-app-360 .pfo-profile__location,
    body.pfo-proenca-app-360 .pfo-profile__quick-count {
        font-size:.68rem!important;
    }

    body.pfo-proenca-app-360 .pfo-profile-action {
        min-height:37px!important;
        font-size:.7rem!important;
    }
}

/* v3.6.4 - perfil mobile ajustado para aproximar o topo do Facebook */
.pfo-profile__details--stacked{
    grid-column:1 / -1;
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:10px;
}
.pfo-profile__details--stacked .pfo-profile__badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    overflow:visible;
    margin-top:0;
}
.pfo-profile__details--stacked .pfo-profile__aux-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
    margin-top:2px;
}

body.pfo-profile-page.pfo-native-android .pfo-profile__name,
body.pfo-profile-page.ppa-standalone .pfo-profile__name{
    display:flex!important;
    align-items:flex-start!important;
    padding-top:0!important;
}

body.pfo-profile-page.pfo-native-android .pfo-profile__name h1,
body.pfo-profile-page.ppa-standalone .pfo-profile__name h1{
    margin:0!important;
}

body.pfo-profile-page.pfo-native-android .pfo-profile__details--stacked,
body.pfo-profile-page.ppa-standalone .pfo-profile__details--stacked{
    grid-column:1 / -1!important;
    margin-top:10px!important;
}

body.pfo-profile-page.pfo-native-android .pfo-profile__details--stacked :is(.pfo-profile__headline,.pfo-profile__location,.pfo-profile__quick-count),
body.pfo-profile-page.ppa-standalone .pfo-profile__details--stacked :is(.pfo-profile__headline,.pfo-profile__location,.pfo-profile__quick-count){
    margin-top:0!important;
}

body.pfo-profile-page.pfo-native-android .pfo-profile__details--stacked .pfo-profile__badges,
body.pfo-profile-page.ppa-standalone .pfo-profile__details--stacked .pfo-profile__badges{
    overflow:visible!important;
    flex-wrap:wrap!important;
    white-space:normal!important;
    row-gap:8px!important;
}

body.pfo-profile-page.pfo-native-android .pfo-profile__details--stacked .pfo-profile__badges .pfo-badge,
body.pfo-profile-page.ppa-standalone .pfo-profile__details--stacked .pfo-profile__badges .pfo-badge{
    flex:0 1 auto!important;
    max-width:100%!important;
}

/* ==========================================================================
 * 3.8.6 — Central de Notificações no aplicativo
 * Corrige o cabeçalho sticky deslocado, a faixa vazia e a densidade da lista.
 * ========================================================================== */
@media (max-width: 900px){
    /* O cabeçalho interno deve permanecer no fluxo. O offset sticky anterior
       empurrava o bloco para baixo e permitia que "Novas" aparecesse antes do
       título, produzindo a grande faixa preta observada no Android. */
    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-pagebar {
        position:relative!important;
        top:auto!important;
        inset-block-start:auto!important;
        z-index:5!important;
        min-height:64px!important;
        padding:8px 12px!important;
        
        
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view :is(
        .pfi-site-stage,
        .pfi-site-layout,
        .pfi-main,
        .pfi-page,
        .pfi-entry-content,
        .pfo-notifications-page
    ) {
        margin-top:0!important;
        padding-top:0!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notifications-page {
        min-height:0!important;
        padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-pagebar__icon {
        width:42px!important;
        height:42px!important;
        
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-pagebar__icon .pfi-icon {
        width:25px!important;
        height:25px!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-pagebar__title h1 {
        font-size:1.48rem!important;
        line-height:1.08!important;
        text-align:center!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-pagebar__title span {
        margin-top:2px!important;
        font-size:.76rem!important;
        text-align:center!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-section__heading {
        min-height:54px!important;
        padding:10px 14px!important;
        
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-section__heading h2 {
        font-size:1.08rem!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-section__heading button {
        min-height:36px!important;
        padding:6px 0!important;
        font-size:.78rem!important;
        white-space:nowrap!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-center--facebook .pfo-notification {
        min-height:84px!important;
        padding:0!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification__main {
        grid-template-columns:56px minmax(0, 1fr)!important;
        gap:11px!important;
        padding:11px 4px 11px 14px!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification__avatar,
    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification__avatar > img {
        width:54px!important;
        height:54px!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification__avatar {
        flex-basis:54px!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification__type-badge {
        right:-2px!important;
        bottom:-2px!important;
        width:25px!important;
        height:25px!important;
        border-width:2px!important;
        font-size:.7rem!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification__sentence {
        display:-webkit-box!important;
        overflow:hidden!important;
        font-size:.93rem!important;
        line-height:1.32!important;
        overflow-wrap:anywhere!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:3!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification__content time {
        margin-top:3px!important;
        font-size:.76rem!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification__menu-wrap {
        flex-basis:45px!important;
        padding:10px 5px 0 0!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification__more {
        width:36px!important;
        height:36px!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-search {
        margin:8px 12px!important;
    }

    /* Indicador da aba ativa totalmente centralizado e sem recorte. */
    body.ppa-standalone.ppa-universal-header.pfo-notifications-view .ppa-social-tabs a.is-active::after {
        right:14%!important;
        bottom:0!important;
        left:14%!important;
        height:4px!important;
    }
}

/* ==========================================================================
 * 3.9.3 — Feed objetivo, Story sem corte e Central de Notificações estável
 * ========================================================================== */

/* O Feed abre diretamente no publicador. O bloco institucional anterior foi
   removido no PHP; esta regra também neutraliza HTML antigo servido por cache. */
body.pfo-proenca-app-360 .pfo-professional-feed-heading,
body.pfo-social-shell-view .pfo-professional-feed-heading {
    display:none!important;
}

/* A chamada solicitada deve aparecer completa, sem reticências no desktop ou
   no WebView. O botão continua sendo a porta de entrada do publicador. */
body.pfo-proenca-app-360 .pfo-composer-launcher__prompt {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:auto!important;
    align-items:center!important;
    padding-block:8px!important;
    overflow:visible!important;
    line-height:1.25!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}

/* Mantém o cartão do Story na proporção vertical correta. Uma regra compacta
   antiga (94 x 158) deixava a borda inferior e a legenda visualmente cortadas. */
@media (min-width: 901px){
    body.pfo-proenca-app-360 .pfo-stories {
        overflow:visible!important;
    }

    body.pfo-proenca-app-360 .pfo-stories__track {
        align-items:flex-start!important;
        padding-bottom:7px!important;
        overflow-y:visible!important;
    }

    body.pfo-proenca-app-360 .pfo-story-card {
        width:112px!important;
        height:199px!important;
        flex:0 0 112px!important;
        aspect-ratio:9 / 16!important;
    }

    /* No desktop, a largura passa a acompanhar a altura disponível. Assim um
       Story 9:16 cabe inteiro mesmo em notebooks com pouca altura útil. */
    .pfo-story-dialog--viewer {
        box-sizing:border-box!important;
        width:min(calc(100vw - 40px), 53vh, 520px)!important;
        width:min(calc(100vw - 40px), 53dvh, 520px)!important;
        height:min(calc(100vh - 32px), 920px)!important;
        height:min(calc(100dvh - 32px), 920px)!important;
        max-width:520px!important;
        max-height:calc(100vh - 32px)!important;
        max-height:calc(100dvh - 32px)!important;
        margin:auto!important;
        overflow:hidden!important;
    }

    .pfo-story-dialog--viewer .pfo-story-viewer {
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
    }

    .pfo-story-dialog--viewer .pfo-story-viewer__media {
        inset:0!important;
        overflow:hidden!important;
    }

    .pfo-story-dialog--viewer .pfo-story-viewer__media > img,
    .pfo-story-dialog--viewer .pfo-story-viewer__media > video {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center center!important;
        
    }

    .pfo-story-dialog--viewer .pfo-story-viewer__caption {
        max-height:34%!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
    }
}

@media (max-width: 900px){
    body.pfo-proenca-app-360 .pfo-story-card {
        width:96px!important;
        height:171px!important;
        flex:0 0 96px!important;
        aspect-ratio:9 / 16!important;
    }

    /* Evita que offsets sticky sejam calculados dentro de ancestrais
       transformados do WebView. A ordem é fixada explicitamente: título,
       pesquisa, introdução e, por último, as listas Novas/Anteriores. */
    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notifications-page {
        width:100%!important;
        max-width:none!important;
        min-height:0!important;
        margin:0!important;
        padding:0 0 calc(20px + env(safe-area-inset-bottom, 0px))!important;
        overflow:visible!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-center--facebook {
        display:flex!important;
        width:100%!important;
        max-width:none!important;
        min-height:0!important;
        flex-direction:column!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        transform:none!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-pagebar {
        position:static!important;
        inset:auto!important;
        order:0!important;
        width:100%!important;
        min-height:64px!important;
        margin:0!important;
        padding:8px 12px!important;
        transform:none!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-search {
        position:static!important;
        order:1!important;
        transform:none!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-center__intro {
        position:static!important;
        order:2!important;
        transform:none!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-empty {
        position:static!important;
        order:3!important;
        transform:none!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-list {
        position:static!important;
        order:4!important;
        width:100%!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-list[hidden] {
        display:none!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-section,
    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-items,
    body.pfo-proenca-app-360.pfo-notifications-view .pfo-notification-section__heading {
        position:static!important;
        inset:auto!important;
        margin:0!important;
        transform:none!important;
    }

    body.pfo-proenca-app-360.pfo-notifications-view :is(
        .pfi-site-stage,
        .pfi-site-layout,
        .pfi-main,
        .pfi-page,
        .pfi-entry-content
    ) {
        min-height:0!important;
        margin-top:0!important;
        padding-top:0!important;
        scroll-margin-top:0!important;
    }
}

@media (max-width: 420px){
    body.pfo-proenca-app-360 .pfo-story-card {
        width:88px!important;
        height:156px!important;
        flex-basis:88px!important;
    }

    body.pfo-proenca-app-360 .pfo-composer-launcher__prompt {
        font-size:.78rem!important;
    }
}

/* ========================================================================== 
 * Portal PROENÇA v3.10.2 — desktop sem barras laterais
 * Mantém a navegação no cabeçalho superior e libera a largura útil do portal.
 * ========================================================================== */
@media (min-width: 901px){
    /* Remove a sidebar genérica do WordPress somente na área autenticada. */
    body.logged-in.pfo-proenca-app-360 .pfi-site-layout.pfi-layout--content-sidebar {
        display:block!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }

    body.logged-in.pfo-proenca-app-360 .pfi-site-layout.pfi-layout--content-sidebar > .pfi-sidebar,
    body.logged-in.pfo-proenca-app-360 .pfi-site-layout.pfi-layout--content-sidebar .pfi-sidebar {
        display:none!important;
    }

    body.logged-in.pfo-proenca-app-360 .pfi-site-layout.pfi-layout--content-sidebar > .pfi-main {
        width:100%!important;
        max-width:none!important;
        margin:0!important;
    }

    /* Feed profissional em uma única coluna central, sem os trilhos laterais. */
    body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-layout {
        grid-template-columns:minmax(0, 920px)!important;
        justify-content:center!important;
        gap:0!important;
        width:100%!important;
        max-width:1040px!important;
        margin:0 auto!important;
        padding:24px clamp(20px, 3vw, 42px) 56px!important;
    }

    body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail {
        display:none!important;
    }

    body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-main {
        width:100%!important;
        min-width:0!important;
        max-width:920px!important;
        margin:0 auto!important;
    }

    /* Perfis e módulos: remove a coluna vazia da direita e a lateral esquerda. */
    body.pfo-profile-page .pfo-profile__body {
        display:block!important;
        width:100%!important;
        max-width:1440px!important;
        margin:0 auto!important;
        padding:22px clamp(20px, 3vw, 44px) 52px!important;
    }

    body.pfo-profile-page .pfo-profile__rail {
        display:none!important;
    }

    body.pfo-profile-page .pfo-profile__content {
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
    }

    /* Academia: abre diretamente no conteúdo, sem repetir a capa do perfil. */
    body.pfo-profile-training-view .pfo-profile__body {
        max-width:1540px!important;
        padding-top:24px!important;
    }

    body.pfo-profile-training-view .pfo-profile__content,
    body.pfo-profile-training-view .pfnp-root,
    body.pfo-profile-training-view .pfnp-training-course-v2,
    body.pfo-profile-training-view .pfnp-academy-hero {
        width:100%!important;
        max-width:none!important;
    }

    body.pfo-profile-training-view .pfo-profile-cover,
    body.pfo-profile-training-view .pfo-profile__identity,
    body.pfo-profile-training-view .pfo-profile__social-summary {
        display:none!important;
    }

    /* No catálogo ainda é possível retornar a outras áreas pelas abas do perfil. */
    body.pfo-training-catalog-view .pfo-profile__tabs {
        margin-top:0!important;
    }

    /* Durante uma aula, a navegação fica concentrada no próprio treinamento. */
    body.pfo-training-course-view .pfo-profile__tabs {
        display:none!important;
    }

    body.pfo-training-course-view .pfo-profile__body {
        max-width:1500px!important;
        padding-top:20px!important;
    }
}

@media (min-width: 1500px){
    body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-layout {
        grid-template-columns:minmax(0, 960px)!important;
        max-width:1100px!important;
    }

    body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-main {
        max-width:960px!important;
    }
}

/* ==========================================================
 * 3.10.6 — Cabeçalho desktop alinhado + CTA Vídeos Técnicos
 * Evita quebra da navegação em uma segunda linha e elimina
 * os ícones duplicados do menu central.
 * ========================================================== */
@keyframes pfoTechnicalVideosPulse{
    
    
}

@media (min-width: 901px){
    body.pfo-proenca-app-360 .pfo-social-header--universal,
    .pfo-social-header--universal {
        min-height:72px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header--universal .pfo-social-header__desktop,
    .pfo-social-header--universal .pfo-social-header__desktop {
        grid-template-columns:minmax(250px, 330px) minmax(500px, 1fr) minmax(245px, 285px)!important;
        grid-template-rows:72px!important;
        min-height:72px!important;
        height:72px!important;
        align-items:center!important;
        gap:clamp(8px, 1vw, 14px)!important;
        overflow:visible!important;
        padding:0 clamp(12px, 1.35vw, 22px)!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__start,
    body.pfo-proenca-app-360 .pfo-social-header__actions,
    body.pfo-proenca-app-360 .pfo-social-header__nav,
    .pfo-social-header--universal .pfo-social-header__start,
    .pfo-social-header--universal .pfo-social-header__actions,
    .pfo-social-header--universal .pfo-social-header__nav {
        min-width:0!important;
        flex-wrap:nowrap!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav,
    .pfo-social-header--universal .pfo-social-header__nav {
        display:grid!important;
        grid-template-columns:repeat(5, minmax(48px, 84px)) minmax(150px, 185px)!important;
        grid-template-rows:72px!important;
        grid-auto-flow:column!important;
        align-items:stretch!important;
        justify-content:center!important;
        align-self:center!important;
        gap:4px!important;
        height:72px!important;
        overflow:visible!important;
        white-space:nowrap!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item,
    .pfo-social-header--universal .pfo-social-header__nav-item {
        min-width:0!important;
        width:auto!important;
        max-width:none!important;
        height:72px!important;
        min-height:72px!important;
        flex:none!important;
        align-self:center!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__actions,
    .pfo-social-header--universal .pfo-social-header__actions {
        display:flex!important;
        height:72px!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:5px!important;
        overflow:visible!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos {
        position:relative!important;
        display:inline-flex!important;
        height:48px!important;
        min-height:48px!important;
        margin:12px 0!important;
        padding:0 15px!important;
        gap:9px!important;
        
        border-radius:15px!important;
        
        
        
        
        animation:pfoTechnicalVideosPulse 2.8s ease-in-out infinite;
        isolation:isolate;
        overflow:hidden!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos::before,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos::before {
        position:absolute;
        z-index:-1;
        top:-55%;
        left:-28%;
        width:42%;
        height:210%;
        
        content:"";
        transform:rotate(17deg);
        transition:left .38s ease;
        pointer-events:none;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos:hover::before,
    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos:focus-visible::before,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos:hover::before,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos:focus-visible::before {
        left:88%;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos:hover,
    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos:focus-visible,
    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos.is-active,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos:hover,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos:focus-visible,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos.is-active {
        
        
        
        filter:brightness(1.08)!important;
        transform:translateY(-1px);
        
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos svg,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos svg {
        width:23px!important;
        height:23px!important;
        flex:0 0 23px!important;
        stroke-width:2.25!important;
        filter:drop-shadow(0 2px 3px rgba(0, 0, 0, .38));
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos span,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos span {
        position:static!important;
        display:inline!important;
        width:auto!important;
        height:auto!important;
        overflow:visible!important;
        clip:auto!important;
        white-space:nowrap!important;
        font-size:.72rem!important;
        font-weight:900!important;
        line-height:1!important;
        letter-spacing:.045em!important;
        text-transform:uppercase!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos.is-active::after,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos.is-active::after {
        right:18px!important;
        bottom:3px!important;
        left:18px!important;
        height:2px!important;
        
        
    }
}

/* Notebook: mantém uma única linha e preserva o CTA. */
@media (min-width: 901px) and (max-width: 1180px){
    body.pfo-proenca-app-360 .pfo-social-header--universal .pfo-social-header__desktop,
    .pfo-social-header--universal .pfo-social-header__desktop {
        grid-template-columns:minmax(205px, 245px) minmax(405px, 1fr) minmax(190px, 220px)!important;
        gap:6px!important;
        padding-inline:10px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__brand--wordmark,
    .pfo-social-header--universal .pfo-social-header__brand--wordmark {
        width:112px!important;
        flex-basis:112px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__brand--wordmark img,
    .pfo-social-header--universal .pfo-social-header__brand--wordmark img {
        width:112px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__desktop-search,
    .pfo-social-header--universal .pfo-social-header__desktop-search {
        width:42px!important;
        min-width:42px!important;
        padding:0!important;
        justify-content:center!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__desktop-search span,
    .pfo-social-header--universal .pfo-social-header__desktop-search span {
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        overflow:hidden!important;
        clip:rect(0 0 0 0)!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav,
    .pfo-social-header--universal .pfo-social-header__nav {
        grid-template-columns:repeat(5, minmax(42px, 62px)) minmax(112px, 134px)!important;
        gap:2px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos {
        padding-inline:10px!important;
        gap:6px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos span,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos span {
        font-size:.64rem!important;
        letter-spacing:.02em!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__actions,
    .pfo-social-header--universal .pfo-social-header__actions {
        gap:3px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__round,
    body.pfo-proenca-app-360 .pfo-social-header__avatar,
    .pfo-social-header--universal .pfo-social-header__round,
    .pfo-social-header--universal .pfo-social-header__avatar {
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        flex-basis:40px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__search-action,
    .pfo-social-header--universal .pfo-social-header__search-action {
        display:none!important;
    }
}

/* Transição desktop/tablet: CTA vira um botão somente com ícone, sem quebrar linha. */
@media (min-width: 781px) and (max-width: 900px){
    .pfo-social-header--universal .pfo-social-header__desktop {
        grid-template-columns:auto minmax(330px, 1fr) auto!important;
        grid-template-rows:68px!important;
        min-height:68px!important;
        height:68px!important;
        gap:5px!important;
        padding-inline:8px!important;
    }

    .pfo-social-header--universal .pfo-social-header__nav {
        display:grid!important;
        grid-template-columns:repeat(5, minmax(40px, 1fr)) 54px!important;
        grid-template-rows:68px!important;
        grid-auto-flow:column!important;
        gap:1px!important;
        overflow:visible!important;
    }

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

    .pfo-social-header--universal .pfo-social-header__nav-item--videos {
        width:48px!important;
        height:46px!important;
        min-height:46px!important;
        margin:11px 3px!important;
        padding:0!important;
        
        border-radius:14px!important;
        
        
        
    }

    .pfo-social-header--universal .pfo-social-header__nav-item--videos span {
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        overflow:hidden!important;
        clip:rect(0 0 0 0)!important;
    }
}

@media (prefers-reduced-motion: reduce){
    body.pfo-proenca-app-360 .pfo-social-header__nav-item--videos,
    .pfo-social-header--universal .pfo-social-header__nav-item--videos {
        animation:none!important;
        transition:none!important;
    }
}

@media (min-width: 1181px){
    body.pfo-proenca-app-360 .pfo-social-header__brand--wordmark,
    .pfo-social-header--universal .pfo-social-header__brand--wordmark {
        width:118px!important;
        flex-basis:118px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__brand--wordmark img,
    .pfo-social-header--universal .pfo-social-header__brand--wordmark img {
        width:118px!important;
    }

    body.pfo-proenca-app-360 .pfo-social-header__desktop-search,
    .pfo-social-header--universal .pfo-social-header__desktop-search {
        width:min(175px, 14vw)!important;
        padding-inline:10px!important;
        font-size:.78rem!important;
    }
}

/* ========================================================================
 * Tema 3.10.8 — acabamento final do aplicativo.
 * Como esta folha é carregada após os estilos de perfil, estas regras
 * garantem o perfil sem capa e a identidade compacta no WebView/PWA.
 * ===================================================================== */
@media (max-width: 920px){
    body.pfo-proenca-app-360.pfo-native-android .pfo-profile-cover,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile-cover,
    body.pfo-proenca-app-360.pfo-native-android .pfo-profile--official .pfo-profile__cover,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile--official .pfo-profile__cover {
        display:none!important;
        visibility:hidden!important;
        width:0!important;
        min-width:0!important;
        max-width:0!important;
        height:0!important;
        min-height:0!important;
        max-height:0!important;
        margin:0!important;
        padding:0!important;
        
        overflow:hidden!important;
    }

    body.pfo-proenca-app-360.pfo-native-android .pfo-profile__identity--social,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile__identity--social,
    body.pfo-profile-page.pfo-native-android .pfo-profile--official .pfo-profile__identity,
    body.pfo-profile-page.ppa-standalone .pfo-profile--official .pfo-profile__identity {
        grid-template-columns:82px minmax(0, 1fr)!important;
        align-items:center!important;
        gap:10px!important;
        min-height:0!important;
        margin:0!important;
        padding:12px 11px!important;
        
    }

    body.pfo-proenca-app-360.pfo-native-android .pfo-profile__avatar-wrap,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile__avatar-wrap,
    body.pfo-profile-page.pfo-native-android .pfo-profile__avatar-wrap,
    body.pfo-profile-page.ppa-standalone .pfo-profile__avatar-wrap {
        width:78px!important;
        min-width:78px!important;
        margin:0!important;
        align-self:center!important;
    }

    body.pfo-proenca-app-360.pfo-native-android .pfo-profile__avatar,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile__avatar,
    body.pfo-profile-page.pfo-native-android .pfo-profile--official .pfo-profile__avatar,
    body.pfo-profile-page.ppa-standalone .pfo-profile--official .pfo-profile__avatar {
        width:78px!important;
        height:78px!important;
        margin:0!important;
        border-width:3px!important;
    }

    body.pfo-proenca-app-360.pfo-native-android .pfo-profile__name,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile__name,
    body.pfo-profile-page.pfo-native-android .pfo-profile__name,
    body.pfo-profile-page.ppa-standalone .pfo-profile__name {
        padding-top:0!important;
        align-self:center!important;
    }

    body.pfo-proenca-app-360.pfo-native-android .pfo-profile__actions--social,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile__actions--social,
    body.pfo-profile-page.pfo-native-android .pfo-profile__actions,
    body.pfo-profile-page.ppa-standalone .pfo-profile__actions {
        grid-column:1 / -1!important;
        width:100%!important;
        max-width:none!important;
        margin-top:4px!important;
    }
}

@media (max-width: 350px){
    body.pfo-proenca-app-360.pfo-native-android .pfo-profile__identity--social,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile__identity--social,
    body.pfo-profile-page.pfo-native-android .pfo-profile--official .pfo-profile__identity,
    body.pfo-profile-page.ppa-standalone .pfo-profile--official .pfo-profile__identity {
        grid-template-columns:70px minmax(0, 1fr)!important;
        gap:8px!important;
        padding-inline:9px!important;
    }

    body.pfo-proenca-app-360.pfo-native-android .pfo-profile__avatar-wrap,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile__avatar-wrap,
    body.pfo-profile-page.pfo-native-android .pfo-profile__avatar-wrap,
    body.pfo-profile-page.ppa-standalone .pfo-profile__avatar-wrap,
    body.pfo-proenca-app-360.pfo-native-android .pfo-profile__avatar,
    body.pfo-proenca-app-360.ppa-standalone .pfo-profile__avatar,
    body.pfo-profile-page.pfo-native-android .pfo-profile--official .pfo-profile__avatar,
    body.pfo-profile-page.ppa-standalone .pfo-profile--official .pfo-profile__avatar {
        width:68px!important;
        min-width:68px!important;
        height:68px!important;
    }
}


/* 3.10.29 — navegação móvel clara na origem; remove barra preta legada. */
@media (max-width:900px){
  
  
  
  
  
  body.pfo-proenca-app-360 .pfo-social-header__mobile-nav-label{opacity:1!important;}
}

/* 3.10.30 — navegação móvel clara independente de classe contextual. */
@media (max-width:900px){
  
  
  .pfo-social-header--universal .pfo-social-header__mobile-nav>a :is(span,strong,small,svg),
  .pfo-social-header__mobile-nav>a :is(span,strong,small,svg){opacity:1!important;}
  .pfo-social-header--universal .pfo-social-header__mobile-nav>a.is-active,
  .pfo-social-header__mobile-nav>a.is-active{font-weight:900!important;}
  .pfo-social-header--universal .pfo-social-header__mobile-nav>a.is-active::after,
  .pfo-social-header__mobile-nav>a.is-active::after{height:3px!important;}
  
  
  .pfo-app-quick-shortcuts>a :is(span,strong,small,svg){opacity:1!important;}
  
  
}

/* =====================================================================
   3.10.31 — REDE/FEED: FECHAMENTO CLARO DO CSS LEGADO ATIVO
   ===================================================================== */









/* mídia permanece escura intencionalmente */


/* ========================================================================== 
   PROENÇA 3.11.13 — Feed desktop em três colunas reais.
   Corrige a antiga regra pfo-social-shell-view que escondia as rails com !important.
   ========================================================================== */
@media (min-width: 901px) {
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social--facebook,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social--facebook {
    width: 100% !important;
    max-width: 1600px !important;
    margin-inline: auto !important;
    padding: 14px clamp(12px, 1.4vw, 24px) 56px !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-layout,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-layout {
    display: grid !important;
    grid-template-columns: minmax(210px, 270px) minmax(500px, 720px) minmax(230px, 300px) !important;
    justify-content: center !important;
    align-items: start !important;
    gap: clamp(14px, 1.6vw, 24px) !important;
    width: 100% !important;
    max-width: 1540px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-main,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-main {
    display: block !important;
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail,
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail--left,
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail--right,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail--left,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail--right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail--left,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail--left {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail--right,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail--right {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail__sticky,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail__sticky {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: sticky !important;
    top: calc(var(--p360-header-desktop, 72px) + 14px) !important;
    gap: 12px !important;
    max-height: calc(100vh - var(--p360-header-desktop, 72px) - 34px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: #f7f9fc !important;
    border: 1px solid rgba(13,58,104,.10) !important;
    box-shadow: 0 14px 34px rgba(9,39,72,.08) !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail--left .pfo-social-rail__sticky,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail--left .pfo-social-rail__sticky {
    border-top: 4px solid #0b5d9a !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail--right .pfo-social-rail__sticky,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail--right .pfo-social-rail__sticky {
    border-top: 4px solid #0b63a5 !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view :is(
    .pfo-social-user,
    .pfo-social-menu-group,
    .pfo-social-shortcuts,
    .pfo-social-profile-shortcuts,
    .pfo-social-rail-cta,
    .pfo-social-widget,
    .pfo-social-spotlight,
    .pfo-social-actions-grid,
    .pfo-contact-list,
    .pfo-social-rail__note
  ),
  body.pfo-proenca-app-360.pfo-social-feed-view :is(
    .pfo-social-user,
    .pfo-social-menu-group,
    .pfo-social-shortcuts,
    .pfo-social-profile-shortcuts,
    .pfo-social-rail-cta,
    .pfo-social-widget,
    .pfo-social-spotlight,
    .pfo-social-actions-grid,
    .pfo-contact-list,
    .pfo-social-rail__note
  ) {
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-shortcuts,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-shortcuts,
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-actions-grid,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-actions-grid,
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-contact-list,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-contact-list {
    display: grid !important;
  }
}

/* Desktop útil reduzido: mantém as duas barras, compactando-as. */
@media (min-width: 901px) and (max-width: 1220px) {
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-layout,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-layout {
    grid-template-columns: 190px minmax(460px, 1fr) 200px !important;
    gap: 10px !important;
  }
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-main,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-main {
    max-width: 680px !important;
  }
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-shortcuts a,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-shortcuts a {
    grid-template-columns: 32px minmax(0,1fr) !important;
    gap: 6px !important;
    padding-inline: 7px !important;
  }
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-shortcuts strong,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-shortcuts strong {
    font-size: .72rem !important;
  }
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-actions-grid,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-actions-grid,
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail-cta,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail-cta {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 901px) {
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-rail-cta,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-rail-cta,
  body.pfo-proenca-app-360.pfo-social-shell-view .pfo-social-profile-shortcuts,
  body.pfo-proenca-app-360.pfo-social-feed-view .pfo-social-profile-shortcuts {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}