/* PROENÇA 3.11.0 — camada estrutural sem paleta legada. Cores controladas pelo Design System 3.11.0. */
/**
 * Portal PROENÇA & FERRAZ 3.5.2
 * Sistema visual mobile edge-to-edge, inspirado na hierarquia de navegação
 * das redes sociais modernas, preservando identidade e módulos corporativos.
 */



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

.pfo-single-tap-v3 .pfo-touch-pressed {
    opacity:.76!important;
    transform:scale(.985)!important;
    transition:opacity .06s linear, transform .06s linear!important;
}

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

    .pfo-single-tap-v3 :is(a, button, [role="button"])::before,
    .pfo-single-tap-v3 :is(a, button, [role="button"])::after {
        pointer-events:none;
    }
}

@media (max-width: 840px){
    html.pfo-native-android,
    html.pfo-native-android body,
    body.pfo-native-android,
    body.ppa-standalone {
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding-right:0!important;
        padding-left:0!important;
        overflow-x:hidden!important;
        overflow-x:clip!important;
        
    }

    body.pfo-native-android :is(
        .pfi-app-shell,
        .pfi-site-stage,
        .pfi-site-layout,
        .pfi-main,
        .pfi-main--page,
        .pfi-main--full,
        .pfi-main--portal,
        .pfi-page,
        .pfi-page--module,
        .pfi-entry-content,
        #primary,
        #content,
        .site-content,
        .site-main,
        .entry-content
    ),
    body.ppa-standalone :is(
        .pfi-app-shell,
        .pfi-site-stage,
        .pfi-site-layout,
        .pfi-main,
        .pfi-main--page,
        .pfi-main--full,
        .pfi-main--portal,
        .pfi-page,
        .pfi-page--module,
        .pfi-entry-content,
        #primary,
        #content,
        .site-content,
        .site-main,
        .entry-content
    ) {
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin-right:0!important;
        margin-left:0!important;
    }

    body.pfo-native-android :is(.pfi-site-layout, .pfi-main, .pfi-main--page, .pfi-main--full, .pfi-main--portal),
    body.ppa-standalone :is(.pfi-site-layout, .pfi-main, .pfi-main--page, .pfi-main--full, .pfi-main--portal) {
        display:block!important;
        padding:0!important;
    }

    body.pfo-native-android :is(.pfi-page, .pfi-page--module, .pfi-entry-content),
    body.ppa-standalone :is(.pfi-page, .pfi-page--module, .pfi-entry-content) {
        
        border-radius:0!important;
        
        
    }

    body.pfo-native-android .pfi-site-stage,
    body.ppa-standalone .pfi-site-stage {
        min-height:calc(100dvh - var(--pfo-social-mobile-header-height, 112px))!important;
    }

    /* Cabeçalho e navegação sempre ocupam toda a largura física da tela. */
    body.pfo-native-android :is(.pfo-social-header, .pfo-social-header__mobile, .pfo-social-header__mobile-top, .pfo-social-header__mobile-nav, .ppa-appbar, .ppa-appbar__top-row, .ppa-social-tabs),
    body.ppa-standalone :is(.pfo-social-header, .pfo-social-header__mobile, .pfo-social-header__mobile-top, .pfo-social-header__mobile-nav, .ppa-appbar, .ppa-appbar__top-row, .ppa-social-tabs) {
        right:0!important;
        left:0!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        border-radius:0!important;
        transform:none!important;
    }

    /* Feed: blocos de conteúdo em largura total, sem cartão externo. */
    body.pfo-native-android.pfo-social-shell-view :is(.pfo-social--facebook, .pfo-social-layout, .pfo-social-main, .pfo-feed),
    body.ppa-standalone.pfo-social-shell-view :is(.pfo-social--facebook, .pfo-social-layout, .pfo-social-main, .pfo-feed) {
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding-right:0!important;
        padding-left:0!important;
    }

    body.pfo-native-android.pfo-social-shell-view .pfo-social-layout,
    body.ppa-standalone.pfo-social-shell-view .pfo-social-layout {
        display:block!important;
    }

    body.pfo-native-android.pfo-social-shell-view .pfo-social-rail,
    body.ppa-standalone.pfo-social-shell-view .pfo-social-rail {
        display:none!important;
    }

    

    body.pfo-native-android.pfo-social-feed-view :is(.pfo-composer-launcher, .pfo-composer, .pfo-stories, .pfo-post),
    body.ppa-standalone.pfo-social-feed-view :is(.pfo-composer-launcher, .pfo-composer, .pfo-stories, .pfo-post) {
        width:100%!important;
        max-width:none!important;
        margin-right:0!important;
        margin-left:0!important;
        
        
        border-radius:0!important;
        
    }

    body.pfo-native-android.pfo-social-feed-view .pfo-stories,
    body.ppa-standalone.pfo-social-feed-view .pfo-stories {
        margin-bottom:8px!important;
        padding:10px 0 8px!important;
        
    }

    body.pfo-native-android.pfo-social-feed-view .pfo-stories__track,
    body.ppa-standalone.pfo-social-feed-view .pfo-stories__track {
        padding-right:12px!important;
        padding-left:12px!important;
    }

    body.pfo-native-android.pfo-social-feed-view .pfo-composer-launcher,
    body.ppa-standalone.pfo-social-feed-view .pfo-composer-launcher {
        margin-bottom:8px!important;
        padding-right:14px!important;
        padding-left:14px!important;
    }

    body.pfo-native-android.pfo-social-feed-view .pfo-feed,
    body.ppa-standalone.pfo-social-feed-view .pfo-feed {
        gap:8px!important;
    }

    /* Central de notificações, mensagens e perfil no mesmo sistema edge-to-edge. */
    body.pfo-native-android :is(.pfo-notification-center, .pfo-messages, .pfo-profile--social),
    body.ppa-standalone :is(.pfo-notification-center, .pfo-messages, .pfo-profile--social) {
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        
        
        border-radius:0!important;
        
    }

    body.pfo-native-android .pfo-notification-center--facebook .pfo-notification,
    body.ppa-standalone .pfo-notification-center--facebook .pfo-notification {
        border-radius:0!important;
    }

    body.pfo-native-android .pfo-profile--social :is(.pfo-profile-cover, .pfo-profile__tabs, .pfo-profile__body, .pfo-panel),
    body.ppa-standalone .pfo-profile--social :is(.pfo-profile-cover, .pfo-profile__tabs, .pfo-profile__body, .pfo-panel) {
        max-width:none!important;
        
        
        border-radius:0!important;
    }

    /* ------------------------------------------------------------------
     * Colegas: mesma hierarquia de uso da aba Amigos — título, busca,
     * filtros horizontais e linhas de pessoas com ações imediatas.
     * ------------------------------------------------------------------ */
    body.pfo-native-android :is(.pfo-people-hub, .pfo-people-content),
    body.ppa-standalone :is(.pfo-people-hub, .pfo-people-content) {
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        
        border-radius:0!important;
        
        
    }

    body.pfo-native-android .pfo-people-sidebar,
    body.ppa-standalone .pfo-people-sidebar {
        display:none!important;
    }

    body.pfo-native-android .pfo-people-content__header--facebook,
    body.ppa-standalone .pfo-people-content__header--facebook {
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        width:100%!important;
        margin:0!important;
        padding:16px 16px 10px!important;
        
    }

    body.pfo-native-android .pfo-people-content__header--facebook h2,
    body.ppa-standalone .pfo-people-content__header--facebook h2 {
        margin:0!important;
        
        font-size:1.45rem!important;
        line-height:1.15!important;
        letter-spacing:-.025em!important;
    }

    body.pfo-native-android .pfo-people-content__header--facebook p,
    body.ppa-standalone .pfo-people-content__header--facebook p {
        margin-top:4px!important;
        font-size:.78rem!important;
    }

    body.pfo-native-android .pfo-people-content__search-trigger,
    body.ppa-standalone .pfo-people-content__search-trigger {
        display:grid!important;
        flex:0 0 42px!important;
        width:42px!important;
        height:42px!important;
        place-items:center!important;
        padding:0!important;
        
        border-radius:50%!important;
        
        
        cursor:pointer!important;
    }

    body.pfo-native-android .pfo-people-pills,
    body.ppa-standalone .pfo-people-pills {
        display:flex!important;
        width:100%!important;
        gap:10px!important;
        margin:0!important;
        padding:0 16px 14px!important;
        overflow-x:auto!important;
        scroll-snap-type:x proximity!important;
        overscroll-behavior-x:contain!important;
        scrollbar-width:none!important;
    }

    body.pfo-native-android .pfo-people-pills::-webkit-scrollbar,
    body.ppa-standalone .pfo-people-pills::-webkit-scrollbar {
        display:none!important;
    }

    body.pfo-native-android .pfo-people-pill,
    body.ppa-standalone .pfo-people-pill {
        min-height:40px!important;
        padding:0 16px!important;
        border-radius:999px!important;
        
        
        font-size:.9rem!important;
        scroll-snap-align:start!important;
        white-space:nowrap!important;
    }

    

    body.pfo-native-android .pfo-people-search,
    body.ppa-standalone .pfo-people-search {
        display:none!important;
        grid-template-columns:22px minmax(0, 1fr) 38px!important;
        align-items:center!important;
        gap:8px!important;
        width:calc(100% - 32px)!important;
        max-width:none!important;
        margin:0 16px 14px!important;
        padding:6px 8px 6px 14px!important;
        
        border-radius:999px!important;
        
    }

    body.pfo-native-android .pfo-people-search.is-open,
    body.ppa-standalone .pfo-people-search.is-open {
        display:grid!important;
    }

    body.pfo-native-android .pfo-people-search input,
    body.ppa-standalone .pfo-people-search input {
        min-height:38px!important;
        padding:0!important;
        
        
        
        font-size:.95rem!important;
    }

    body.pfo-native-android .pfo-people-search__submit,
    body.ppa-standalone .pfo-people-search__submit {
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        overflow:hidden!important;
        clip:rect(0 0 0 0)!important;
    }

    body.pfo-native-android .pfo-people-search__close,
    body.ppa-standalone .pfo-people-search__close {
        display:grid!important;
        width:34px!important;
        height:34px!important;
        place-items:center!important;
        padding:0!important;
        
        border-radius:50%!important;
        
        
        font-size:1.35rem!important;
    }

    body.pfo-native-android .pfo-people-section,
    body.ppa-standalone .pfo-people-section {
        width:100%!important;
        margin:0!important;
        padding:0 0 12px!important;
        
        
    }

    body.pfo-native-android .pfo-people-section + .pfo-people-section,
    body.ppa-standalone .pfo-people-section + .pfo-people-section {
        margin-top:8px!important;
        padding-top:16px!important;
        
    }

    body.pfo-native-android .pfo-people-section > header,
    body.ppa-standalone .pfo-people-section > header {
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        width:100%!important;
        margin:0!important;
        padding:12px 16px 8px!important;
    }

    body.pfo-native-android .pfo-people-section > header h2,
    body.ppa-standalone .pfo-people-section > header h2 {
        margin:0!important;
        font-size:1.12rem!important;
        line-height:1.2!important;
    }

    body.pfo-native-android .pfo-people-section > header a,
    body.ppa-standalone .pfo-people-section > header a {
        flex:0 0 auto!important;
        font-size:.92rem!important;
    }

    body.pfo-native-android .pfo-people-grid,
    body.ppa-standalone .pfo-people-grid {
        display:block!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }

    body.pfo-native-android .pfo-people-card,
    body.ppa-standalone .pfo-people-card {
        display:grid!important;
        grid-template-columns:118px minmax(0, 1fr)!important;
        min-height:150px!important;
        width:100%!important;
        margin:0!important;
        padding:12px 16px!important;
        overflow:visible!important;
        
        
        border-radius:0!important;
        
        
        transition:opacity .18s ease, transform .18s ease, max-height .22s ease, padding .22s ease!important;
    }

    body.pfo-native-android .pfo-people-card.is-removing,
    body.ppa-standalone .pfo-people-card.is-removing {
        max-height:0!important;
        min-height:0!important;
        padding-top:0!important;
        padding-bottom:0!important;
        overflow:hidden!important;
        opacity:0!important;
        transform:scale(.985)!important;
    }

    body.pfo-native-android .pfo-people-card__media,
    body.ppa-standalone .pfo-people-card__media {
        display:flex!important;
        align-items:flex-start!important;
        justify-content:flex-start!important;
        min-height:0!important;
        padding:0!important;
        overflow:visible!important;
        
    }

    body.pfo-native-android .pfo-people-card__media::before,
    body.ppa-standalone .pfo-people-card__media::before {
        display:none!important;
    }

    body.pfo-native-android .pfo-people-card__media img,
    body.ppa-standalone .pfo-people-card__media img {
        position:static!important;
        width:104px!important;
        height:104px!important;
        margin:0!important;
        
        border-radius:50%!important;
        object-fit:cover!important;
        object-position:center!important;
        
    }

    body.pfo-native-android .pfo-people-card__main,
    body.ppa-standalone .pfo-people-card__main {
        display:flex!important;
        min-width:0!important;
        flex-direction:column!important;
        justify-content:center!important;
        padding:0 0 0 12px!important;
    }

    body.pfo-native-android .pfo-people-card__body,
    body.ppa-standalone .pfo-people-card__body {
        padding:0!important;
    }

    body.pfo-native-android .pfo-people-card__name,
    body.ppa-standalone .pfo-people-card__name {
        
        font-size:1rem!important;
        line-height:1.22!important;
        white-space:normal!important;
    }

    body.pfo-native-android .pfo-people-card__body p,
    body.ppa-standalone .pfo-people-card__body p {
        min-height:0!important;
        margin:5px 0 2px!important;
        
        font-size:.78rem!important;
        line-height:1.3!important;
        -webkit-line-clamp:2!important;
    }

    body.pfo-native-android .pfo-people-card__body small,
    body.ppa-standalone .pfo-people-card__body small {
        margin-top:3px!important;
        
        font-size:.75rem!important;
    }

    body.pfo-native-android .pfo-people-card__actions,
    body.ppa-standalone .pfo-people-card__actions {
        display:grid!important;
        grid-template-columns:minmax(0, 1fr)!important;
        gap:8px!important;
        width:100%!important;
        max-width:none!important;
        padding:10px 0 0!important;
    }

    body.pfo-native-android .pfo-people-action,
    body.ppa-standalone .pfo-people-action {
        min-height:42px!important;
        padding:8px 10px!important;
        border-radius:8px!important;
        font-size:.9rem!important;
        font-weight:750!important;
    }

    

    

    body.pfo-native-android .pfo-state,
    body.ppa-standalone .pfo-state {
        margin:0!important;
        padding:32px 16px!important;
        
        border-radius:0!important;
        
        
        text-align:center!important;
    }
}

@media (max-width: 390px){
    body.pfo-native-android .pfo-people-card,
    body.ppa-standalone .pfo-people-card {
        grid-template-columns:100px minmax(0, 1fr)!important;
        padding-right:12px!important;
        padding-left:12px!important;
    }

    body.pfo-native-android .pfo-people-card__media img,
    body.ppa-standalone .pfo-people-card__media img {
        width:88px!important;
        height:88px!important;
    }
}

@media (max-width: 840px){
    body.pfo-native-android :is(.pfi-app-shell, .pfi-site-stage, .pfi-site-layout),
    body.ppa-standalone :is(.pfi-app-shell, .pfi-site-stage, .pfi-site-layout) {
        gap:0!important;
        
        border-radius:0!important;
        
        
        
    }
}

/* --------------------------------------------------------------------------
 * 3.5.2 — ações das publicações dentro do perfil.
 * O perfil não possui o wrapper .pfo-social--facebook; sem esta normalização,
 * o SVG de comentários herdava largura integral e ocupava quase todo o card.
 * -------------------------------------------------------------------------- */
.pfo-profile--social .pfo-post__actions {
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    min-height:48px!important;
    padding:4px 8px!important;
    overflow:visible!important;
    
    
}

.pfo-profile--social .pfo-post__actions .pfo-action,
.pfo-profile--social .pfo-post__actions .pfo-reaction-control {
    min-width:0!important;
}

.pfo-profile--social .pfo-post__actions .pfo-action {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:40px!important;
    padding:7px 8px!important;
    
    border-radius:8px!important;
    
    
    font-size:.78rem!important;
    line-height:1!important;
}

.pfo-profile--social .pfo-post__actions .pfo-action > svg,
.pfo-profile--social .pfo-post__actions .pfo-action svg {
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    flex:0 0 18px!important;
}

.pfo-profile--social .pfo-post__actions .pfo-action span {
    display:inline!important;
    font-size:inherit!important;
}

.pfo-profile--social .pfo-comments:empty {
    display:none!important;
    padding:0!important;
}

/* Perfil em três colunas no desktop: resumo, publicações e indicadores. */
@media (min-width: 1024px){
    .pfo-profile--social .pfo-profile__body {
        display:grid!important;
        grid-template-columns:minmax(220px, 300px) minmax(430px, 1fr) minmax(220px, 300px)!important;
        gap:16px!important;
        width:min(100%, 1600px)!important;
        max-width:1600px!important;
        margin:0 auto!important;
        padding:0 16px 44px!important;
        align-items:start!important;
    }

    .pfo-profile--social .pfo-profile__rail--right {
        display:grid!important;
        grid-column:auto!important;
        position:sticky!important;
        top:calc(var(--pfo-social-header-height, 58px) + 16px)!important;
    }

    .pfo-profile--social .pfo-profile__rail--left {
        position:sticky!important;
        top:calc(var(--pfo-social-header-height, 58px) + 16px)!important;
    }
}

@media (min-width: 1024px) and (max-width: 1220px){
    .pfo-profile--social .pfo-profile__body {
        grid-template-columns:minmax(190px, 240px) minmax(420px, 1fr) minmax(190px, 240px)!important;
        gap:12px!important;
        padding-inline:10px!important;
    }
}

/* Remove o atraso visual de hover em telas táteis. */
@media (hover: none), (pointer: coarse){
    html.pfo-touch-ui a,
    html.pfo-touch-ui button,
    html.pfo-touch-ui [role="button"],
    html.pfo-touch-ui label[for],
    html.pfo-touch-ui summary {
        -webkit-tap-highlight-color:transparent!important;
        touch-action:manipulation!important;
    }

    html.pfo-touch-ui :is(a, button, [role="button"]):hover {
        transition-delay:0s!important;
    }
}


/* PROENÇA 3.8.7 — Feed restaurado e acabamento móvel. */
@media (max-width: 782px){
  body.pfo-native-android .pfo-social-header__mobile-nav,
  body.ppa-standalone .pfo-social-header__mobile-nav {
    grid-template-columns:repeat(5, minmax(0, 1fr))!important;
  }

  body.pfo-native-android .pfo-social-header__mobile-nav > a,
  body.ppa-standalone .pfo-social-header__mobile-nav > a {
    min-width:0!important;
    overflow:visible!important;
  }

  body.pfo-native-android .pfo-reel-comment__content,
  body.ppa-standalone .pfo-reel-comment__content {
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
    font-size:.96rem!important;
    line-height:1.45!important;
  }

  body.pfo-native-android .pfo-reel-comment__content img.emoji,
  body.pfo-native-android .pfo-reel-comment__content img.wp-smiley,
  body.ppa-standalone .pfo-reel-comment__content img.emoji,
  body.ppa-standalone .pfo-reel-comment__content img.wp-smiley {
    width:1.18em!important;
    height:1.18em!important;
    max-width:1.18em!important;
    max-height:1.18em!important;
    vertical-align:-.18em!important;
  }
}

/* PROENÇA 3.10.31 — ações do perfil no app sobre superfícies claras */



/* PROENÇA 3.11.4 — reforço mobile para ícones do cabeçalho */
@media (max-width: 840px){
  body.pfo-native-android :is(.pfo-social-header__mobile-menu,.pfo-social-header__search-action,.pfo-social-header__mobile-actions>a,.pfo-social-header__mobile-actions>button),
  body.ppa-standalone :is(.pfo-social-header__mobile-menu,.pfo-social-header__search-action,.pfo-social-header__mobile-actions>a,.pfo-social-header__mobile-actions>button){
    opacity:1 !important;
    filter:none !important;
  }
  body.pfo-native-android :is(.pfo-social-header__mobile-menu,.pfo-social-header__search-action,.pfo-social-header__mobile-actions>a,.pfo-social-header__mobile-actions>button) :is(svg,.pfi-icon),
  body.ppa-standalone :is(.pfo-social-header__mobile-menu,.pfo-social-header__search-action,.pfo-social-header__mobile-actions>a,.pfo-social-header__mobile-actions>button) :is(svg,.pfi-icon){
    color:currentColor !important;
    stroke:currentColor !important;
    fill:none !important;
    opacity:1 !important;
  }
  body.pfo-native-android .pfo-social-header__mobile-menu,
  body.ppa-standalone .pfo-social-header__mobile-menu,
  body.pfo-native-android .pfo-social-header__search-action,
  body.ppa-standalone .pfo-social-header__search-action{
    color:#0b6598 !important;
  }
}

/* PROENÇA 3.11.5 — reforço mobile para ícones superiores azul com branco */
@media (max-width: 840px){
  body.pfo-native-android :is(.pfo-social-header__mobile-menu,.pfo-social-header__search-action,.pfo-social-header__mobile-actions>a,.pfo-social-header__mobile-actions>button,.pfo-social-header__round),
  body.ppa-standalone :is(.pfo-social-header__mobile-menu,.pfo-social-header__search-action,.pfo-social-header__mobile-actions>a,.pfo-social-header__mobile-actions>button,.pfo-social-header__round){
    background:linear-gradient(180deg,#0b6598 0%, #062b57 100%) !important;
    color:#ffffff !important;
    border:1px solid rgba(6,43,87,.24) !important;
    box-shadow:0 10px 22px rgba(6,43,87,.18) !important;
    opacity:1 !important;
  }
  body.pfo-native-android :is(.pfo-social-header__mobile-menu,.pfo-social-header__search-action,.pfo-social-header__mobile-actions>a,.pfo-social-header__mobile-actions>button,.pfo-social-header__round) :is(svg,.pfi-icon),
  body.ppa-standalone :is(.pfo-social-header__mobile-menu,.pfo-social-header__search-action,.pfo-social-header__mobile-actions>a,.pfo-social-header__mobile-actions>button,.pfo-social-header__round) :is(svg,.pfi-icon){
    color:#ffffff !important;
    stroke:#ffffff !important;
    fill:none !important;
    opacity:1 !important;
  }
}