/* 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
 * Perfil mobile espaçado, câmera nativa simplificada e interação por toque.
 */

html.pfo-single-tap-v4 :is(a[href],button,[role="button"],label[for],summary,input[type="button"],input[type="submit"]) {
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}

html.pfo-single-tap-v4 .pfo-touch-pressed {
    opacity:.72!important;
    transform:scale(.985)!important;
    transition:opacity .05s linear, transform .05s linear!important;
}

@media (hover: none), (pointer: coarse){
    html.pfo-single-tap-v4 :is(a[href],button,[role="button"],label[for],summary)::before,
    html.pfo-single-tap-v4 :is(a[href],button,[role="button"],label[for],summary)::after {
        pointer-events:none!important;
    }
}

/* Criador de Reel: somente captura nativa do Android/celular. */
.pfo-reel-native-camera {
    box-sizing:border-box;
    display:grid;
    width:min(560px, 100%);
    min-height:420px;
    margin:0 auto;
    padding:clamp(28px, 6vw, 52px) clamp(20px, 5vw, 42px);
    place-content:center;
    justify-items:center;
    gap:16px;
    
    border-radius:22px;
    
    
    text-align:center;
    
}

.pfo-reel-native-camera__icon {
    display:grid;
    width:88px;
    height:88px;
    place-items:center;
    border-radius:50%;
    
    font-size:2.6rem;
    
}

.pfo-reel-native-camera h2 {
    margin:2px 0 0;
    font-size:clamp(1.35rem, 5vw, 1.8rem);
    line-height:1.15;
}

.pfo-reel-native-camera p {
    max-width:440px;
    margin:0;
    
    font-size:.96rem;
    line-height:1.5;
}

.pfo-reel-native-camera__button,
.pfo-reel-native-camera__gallery {
    box-sizing:border-box;
    display:flex;
    width:100%;
    min-height:52px;
    align-items:center;
    justify-content:center;
    
    border-radius:14px;
    font:inherit;
    font-weight:850;
    cursor:pointer;
}

.pfo-reel-native-camera__button {
    margin-top:6px;
    
    
}



/* Estrutura do perfil no aplicativo: sem sobreposição e com respiro vertical. */
@media (max-width: 900px){
    body.pfo-profile-page.pfo-native-android .pfo-profile--official,
    body.pfo-profile-page.ppa-standalone .pfo-profile--official {
        box-sizing:border-box!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0 0 28px!important;
        overflow:visible!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile--official .pfo-profile__cover,
    body.pfo-profile-page.ppa-standalone .pfo-profile--official .pfo-profile__cover {
        height:clamp(180px, 52vw, 235px)!important;
        margin:0!important;
        
        border-radius:0!important;
        
    }

    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 {
        box-sizing:border-box!important;
        display:grid!important;
        grid-template-columns:104px minmax(0,1fr)!important;
        align-items:start!important;
        gap:14px!important;
        min-height:0!important;
        margin:0!important;
        padding:0 16px 18px!important;
        
        
        text-align:left!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__avatar-wrap,
    body.pfo-profile-page.ppa-standalone .pfo-profile__avatar-wrap {
        width:104px!important;
        min-width:104px!important;
        margin:-52px 0 0!important;
    }

    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:104px!important;
        height:104px!important;
        margin:0!important;
        
        
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__avatar-edit,
    body.pfo-profile-page.ppa-standalone .pfo-profile__avatar-edit {
        right:2px!important;
        bottom:2px!important;
        width:34px!important;
        height:34px!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__name,
    body.pfo-profile-page.ppa-standalone .pfo-profile__name {
        min-width:0!important;
        padding:12px 0 0!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__name .pfo-eyebrow,
    body.pfo-profile-page.ppa-standalone .pfo-profile__name .pfo-eyebrow {
        display:none!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__name h1,
    body.pfo-profile-page.ppa-standalone .pfo-profile__name h1 {
        margin:0 0 7px!important;
        font-size:clamp(1.35rem, 6vw, 1.75rem)!important;
        line-height:1.08!important;
        letter-spacing:-.025em!important;
        overflow-wrap:anywhere!important;
    }

    body.pfo-profile-page.pfo-native-android :is(.pfo-profile__headline,.pfo-profile__location,.pfo-profile__quick-count),
    body.pfo-profile-page.ppa-standalone :is(.pfo-profile__headline,.pfo-profile__location,.pfo-profile__quick-count) {
        margin-top:5px!important;
        font-size:.78rem!important;
        line-height:1.42!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__badges,
    body.pfo-profile-page.ppa-standalone .pfo-profile__badges {
        grid-column:1 / -1!important;
        display:flex!important;
        flex-wrap:wrap!important;
        gap:7px!important;
        margin-top:4px!important;
        padding:0!important;
        overflow:visible!important;
        scrollbar-width:none!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__badges::-webkit-scrollbar,
    body.pfo-profile-page.ppa-standalone .pfo-profile__badges::-webkit-scrollbar {
        display:none!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__badges .pfo-badge,
    body.pfo-profile-page.ppa-standalone .pfo-profile__badges .pfo-badge {
        flex:0 1 auto!important;
        padding:6px 9px!important;
        font-size:.62rem!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__actions,
    body.pfo-profile-page.ppa-standalone .pfo-profile__actions {
        grid-column:1 / -1!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:9px!important;
        width:100%!important;
        margin:4px 0 0!important;
        padding:0!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__actions .pfo-button,
    body.pfo-profile-page.ppa-standalone .pfo-profile__actions .pfo-button {
        min-width:0!important;
        min-height:42px!important;
        padding:9px 10px!important;
        font-size:.74rem!important;
        line-height:1.2!important;
        white-space:normal!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__tabs,
    body.pfo-profile-page.ppa-standalone .pfo-profile__tabs {
        position:static!important;
        box-sizing:border-box!important;
        width:100%!important;
        margin:12px 0 16px!important;
        padding:8px 12px!important;
        gap:7px!important;
        
        
        border-radius:0!important;
        
        
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__tabs a,
    body.pfo-profile-page.ppa-standalone .pfo-profile__tabs a {
        min-height:38px!important;
        padding:8px 11px!important;
        font-size:.72rem!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__body,
    body.pfo-profile-page.ppa-standalone .pfo-profile__body {
        box-sizing:border-box!important;
        display:flex!important;
        flex-direction:column!important;
        gap:16px!important;
        width:100%!important;
        margin:0!important;
        padding:0 12px!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__content,
    body.pfo-profile-page.ppa-standalone .pfo-profile__content {
        order:1!important;
        display:grid!important;
        gap:16px!important;
        min-width:0!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__rail--left,
    body.pfo-profile-page.ppa-standalone .pfo-profile__rail--left {
        order:2!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__rail--right,
    body.pfo-profile-page.ppa-standalone .pfo-profile__rail--right {
        order:3!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__rail,
    body.pfo-profile-page.ppa-standalone .pfo-profile__rail {
        position:static!important;
        display:grid!important;
        gap:16px!important;
        width:100%!important;
        min-width:0!important;
    }

    body.pfo-profile-page.pfo-native-android :is(.pfo-panel,.pfo-profile-overview,.pfo-profile-overview__columns,.pfo-profile-overview__kpis,.pfo-kpi-grid),
    body.pfo-profile-page.ppa-standalone :is(.pfo-panel,.pfo-profile-overview,.pfo-profile-overview__columns,.pfo-profile-overview__kpis,.pfo-kpi-grid) {
        box-sizing:border-box!important;
        min-width:0!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-panel,
    body.pfo-profile-page.ppa-standalone .pfo-panel {
        margin:0!important;
        padding:16px!important;
        border-radius:15px!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile-overview,
    body.pfo-profile-page.ppa-standalone .pfo-profile-overview {
        display:grid!important;
        gap:16px!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile-overview__columns,
    body.pfo-profile-page.ppa-standalone .pfo-profile-overview__columns {
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:16px!important;
        margin:0!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile-overview__kpis,
    body.pfo-profile-page.ppa-standalone .pfo-profile-overview__kpis {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-kpi-grid,
    body.pfo-profile-page.ppa-standalone .pfo-kpi-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:8px!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__content > *,
    body.pfo-profile-page.ppa-standalone .pfo-profile__content > * {
        margin-top:0!important;
        margin-bottom:0!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-social-feed,
    body.pfo-profile-page.ppa-standalone .pfo-social-feed {
        display:grid!important;
        gap:14px!important;
    }
}

@media (max-width: 420px){
    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:88px minmax(0,1fr)!important;
        gap:11px!important;
        padding-inline:12px!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__avatar-wrap,
    body.pfo-profile-page.ppa-standalone .pfo-profile__avatar-wrap {
        width:88px!important;
        min-width:88px!important;
        margin-top:-44px!important;
    }

    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:88px!important;
        height:88px!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__actions,
    body.pfo-profile-page.ppa-standalone .pfo-profile__actions {
        grid-template-columns:1fr!important;
    }
}


@media (max-width: 767px){
    body.pfo-profile-page.pfo-native-android .pfo-profile__identity--social,
    body.pfo-profile-page.ppa-standalone .pfo-profile__identity--social {
        display:grid!important;
        grid-template-columns:104px minmax(0,1fr)!important;
        align-items:start!important;
        column-gap:12px!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:8px!important;
        padding-top:0!important;
    }

    body.pfo-profile-page.pfo-native-android .pfo-profile__aux-row,
    body.pfo-profile-page.ppa-standalone .pfo-profile__aux-row {
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:center!important;
        gap:10px!important;
    }
}