/* =============================================================
   PILAR ONLINE | CENTRAL DE DÚVIDAS — PÁGINAS PÚBLICAS
   Escopo: .po-help. Usa site_begin.php / site_end.php oficiais.
   Identidade: Poppins · #C1272D · #F47016
   ============================================================= */
.po-help {
    --ph-red:#C1272D;
    --ph-orange:#F47016;
    --ph-ink:#233047;
    --ph-muted:#637084;
    --ph-border:#e7eaf0;
    --ph-soft:#f8f9fb;
    --ph-green:#22976c;
    color:var(--ph-ink);
    background:#fff;
    font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow:hidden;
}
.po-help *{box-sizing:border-box}
.po-help h1,.po-help h2,.po-help h3,.po-help p{margin:0}
.po-help a{text-decoration:none}
.po-help a:focus-visible,.po-help summary:focus-visible{outline:3px solid var(--ph-orange);outline-offset:4px}
.po-help-container{width:min(calc(100% - 48px),1220px);margin-inline:auto}
/* Faixa hero */
.po-help-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,6.5vw,99px) 0 clamp(56px,6vw,92px);color:white;background:linear-gradient(115deg,#891b26 0%,#b62830 50%,#d74a29 100%)}
.po-help-hero:before{content:"";position:absolute;z-index:-1;width:850px;height:850px;right:-230px;top:-400px;border-radius:50%;background:radial-gradient(circle,rgba(244,112,22,.32),transparent 66%)}
.po-help-hero:after{content:"";position:absolute;z-index:-1;width:530px;height:530px;left:-220px;bottom:-430px;border-radius:50%;border:1px solid rgba(255,255,255,.17);box-shadow:0 0 0 86px rgba(255,255,255,.025),0 0 0 177px rgba(255,255,255,.025)}
.po-help-hero-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:clamp(36px,5vw,90px);align-items:center}
.po-help-hero-copy{min-width:0}
.po-help-kicker{display:inline-flex;gap:9px;align-items:center;max-width:100%;font-size:10px;font-weight:700;letter-spacing:.11em;padding:8px 13px;border:1px solid rgba(255,255,255,.24);border-radius:99px;background:rgba(255,255,255,.085)}
.po-help-kicker-dot{height:7px;width:7px;flex:none;border-radius:50%;background:#ffc27e;box-shadow:0 0 0 4px rgba(244,112,22,.16)}
.po-help-hero h1{font-size:clamp(34px,3.75vw,57px);letter-spacing:-.048em;line-height:1.17;font-weight:750;max-width:780px;margin:24px 0 20px;color:#fff}
.po-help-hero h1 em{color:#ffdab9;font-style:normal}
.po-help-hero-copy>p{font-size:clamp(14px,1.18vw,16px);line-height:1.87;max-width:620px;color:rgba(255,255,255,.91)}
.po-help-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:30px}
.po-help-hero-copy>.po-help-button{margin-top:30px}
.po-help-hero-textlink{color:#fff;font-size:12px;font-weight:700}
.po-help-hero-textlink:hover{color:#ffe1cc}
.po-help-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:49px;padding:12px 21px;border-radius:10px;font-size:12.5px;font-weight:700;text-align:center;border:1px solid transparent;transition:transform .16s,background .16s,box-shadow .16s}
.po-help-button:hover{transform:translateY(-2px)}
.po-help-button--white{background:#fff;color:#9e242c;box-shadow:0 12px 25px rgba(68,9,17,.16)}
.po-help-button--white:hover{background:#fff5ed}
.po-help-button--red{background:var(--ph-red);color:#fff;white-space:nowrap}
.po-help-button--red:hover{background:#a91e29;box-shadow:0 9px 23px rgba(193,39,45,.16)}
/* Elemento de comunicação visual */
.po-help-hero-card{min-width:0;padding:26px;border:1px solid rgba(255,255,255,.45);border-radius:21px;background:rgba(255,255,255,.96);box-shadow:0 25px 65px rgba(70,8,20,.21);color:var(--ph-ink);transform:rotate(1deg)}
.po-help-card-head{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:#87313c;font-size:10px;letter-spacing:.09em}
.po-help-card-head strong{font-weight:800}
/* Logotipo oficial Pilar Online: altera todas as páginas públicas que usam duvidas.css. */
.po-help-brand-dot{
    display:block;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:0;
    background-color:transparent;
    background-image:url("/_img/2%20-%20LOGO%20PILAR%20ONLINE_ICONE_SEM%20FUNDO.png");
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}
.po-help-brand-dot::after{content:none;display:none}
.po-help-card-pill{margin-left:auto;padding:7px 11px;background:#fff0ec;border-radius:99px;color:#b12a31;font-size:9px;letter-spacing:0;font-weight:700;white-space:nowrap}
.po-help-steps-art{display:grid;gap:9px}
.po-help-steps-art>div{display:flex;align-items:center;gap:13px;padding:13px 12px;border:1px solid #edf0f4;border-radius:11px;background:#f8f9fb}
.po-help-step-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fee9e8;color:#b32934;font-size:10px;font-weight:800}
.po-help-step-icon--orange{background:#fff0e3;color:#c45c14}
.po-help-steps-art>div>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}
.po-help-steps-art strong{font-size:12px;line-height:1.4;color:#263248}
.po-help-steps-art small{font-size:10px;color:#788499;line-height:1.7}
.po-help-check{color:var(--ph-green);font-weight:800;font-size:16px}
.po-help-arrow{color:var(--ph-red);font-weight:800;font-size:19px}
.po-help-card-foot{display:flex;gap:9px;align-items:center;margin-top:18px;font-size:10px;color:#647287;line-height:1.6}
.po-help-live-dot{width:7px;height:7px;border-radius:50%;background:var(--ph-green);flex:none}
/* variações nos cards do hero */
.po-help-hero-card--returns{transform:rotate(-1deg);padding:30px}
.po-help-large-number{display:block;margin:6px 0 2px;color:var(--ph-red);font-weight:800;font-size:clamp(67px,7vw,104px);line-height:1;letter-spacing:-.075em}
.po-help-large-number small{font-size:24px;letter-spacing:-.035em;color:#333d4e}
.po-help-card-main-title{display:block;margin:12px 0 9px;font-size:17px;color:#233047;letter-spacing:-.018em}
.po-help-card-main-paragraph{font-size:12px;line-height:1.83;color:#637186;max-width:360px}
.po-help-hero-card--returns .po-help-card-foot{padding-top:14px;margin-top:19px;border-top:1px solid #edf0f4}
.po-help-hero-card--seller{transform:rotate(1deg);padding:29px}
.po-help-seller-panel-title{display:block;margin:14px 0 27px;color:#253049;font-size:clamp(29px,3vw,40px);line-height:1.23;letter-spacing:-.052em}
.po-help-seller-panel-title span{color:var(--ph-red)}
.po-help-seller-pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.po-help-seller-pill-grid>span{display:flex;align-items:center;gap:7px;padding:14px 12px;border:1px solid #eef0f3;border-radius:10px;background:#f8f9fb;color:#2d394e;font-size:12px;font-weight:650}
.po-help-seller-pill-grid>span>span{color:var(--ph-green);font-size:15px}
/* Subnavegação na mesma linha das institucionais */
.po-help-subnav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(16px,3vw,39px);min-height:65px;border-bottom:1px solid var(--ph-border)}
.po-help-subnav a{align-self:stretch;display:inline-flex;align-items:center;position:relative;color:#667285;padding:18px 1px;font-size:12px;white-space:nowrap;font-weight:600}
.po-help-subnav a:hover,.po-help-subnav a.is-active{color:var(--ph-red)}
.po-help-subnav a.is-active:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:3px;background:var(--ph-red);border-radius:3px 3px 0 0}
/* Conteúdo */
.po-help-section{padding:clamp(55px,6.1vw,88px) 0}
.po-help-section--light{background:var(--ph-soft);border-block:1px solid #eff0f4}
.po-help-eyebrow{display:inline-block;color:var(--ph-red);font-size:10.5px;font-weight:750;letter-spacing:.135em}
.po-help-section h2{font-weight:750;font-size:clamp(26px,2.75vw,38px);letter-spacing:-.043em;line-height:1.28;color:#253046}
.po-help-section p{font-size:13.5px;line-height:1.85;color:var(--ph-muted)}
.po-help-section-heading{max-width:780px;margin-bottom:33px}
.po-help-section-heading h2{margin:11px 0 13px}
.po-help-grid{display:grid;gap:18px}
.po-help-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.po-help-feature{min-width:0;position:relative;border:1px solid var(--ph-border);border-radius:16px;padding:26px;background:#fff;box-shadow:0 8px 29px rgba(26,41,69,.035);transition:transform .2s,border-color .2s,box-shadow .2s}
.po-help-feature:hover{transform:translateY(-3px);border-color:#e6b6ba;box-shadow:0 17px 35px rgba(29,41,66,.075)}
.po-help-feature-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--ph-red);background:#fff0eb;border-radius:12px;margin-bottom:20px}
.po-help-feature-icon svg{width:26px;height:26px}
.po-help-feature-count{display:block;font-size:10px;font-weight:750;letter-spacing:.14em;color:#a2aab5;margin-bottom:9px}
.po-help-feature h3{margin-bottom:10px;font-size:16px;font-weight:750;line-height:1.48;letter-spacing:-.02em;color:#263348}
.po-help-feature p{font-size:12.5px;line-height:1.87}
.po-help-split{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(32px,5.5vw,83px)}
.po-help-intro-block h2{margin:11px 0 17px;max-width:550px}
.po-help-intro-block>p{max-width:550px}
.po-help-info-note{margin-top:24px;padding:20px 22px;border-left:3px solid var(--ph-orange);border-radius:0 10px 10px 0;background:#fff;box-shadow:0 4px 17px rgba(24,40,63,.028)}
.po-help-info-note strong{display:block;color:#28344a;font-size:12.5px;font-weight:750;margin-bottom:6px}
.po-help-info-note p{font-size:12px;line-height:1.8}
.po-help-checklist,.po-help-numbered-list{display:grid;gap:10px}
.po-help-checklist>div,.po-help-numbered-list>div{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid var(--ph-border);padding:18px 20px;border-radius:12px;min-width:0}
.po-help-checklist>div>span,.po-help-numbered-list>div>span{display:grid;place-items:center;width:41px;height:41px;flex:none;background:#fceced;border-radius:11px;color:#ad2330;font-size:15px;font-weight:800}
.po-help-numbered-list>div>span{font-size:12px}
.po-help-checklist p,.po-help-numbered-list p{display:flex;flex-direction:column;gap:3px;min-width:0}
.po-help-checklist strong,.po-help-numbered-list strong{color:#293449;font-size:12.5px;font-weight:700}
.po-help-checklist small,.po-help-numbered-list small{color:#6a778b;font-size:11.5px;line-height:1.65}
/* FAQ sem JS: details nativo, acessível por teclado */
.po-help-faq-layout{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);align-items:start;gap:clamp(27px,5vw,75px)}
.po-help-faq-intro{position:sticky;top:24px}
.po-help-faq-intro h2{margin:10px 0 13px}
.po-help-faq-list{display:grid;gap:11px}
.po-help-faq-list details{overflow:hidden;border:1px solid var(--ph-border);border-radius:12px;background:#fff;box-shadow:0 3px 15px rgba(24,42,66,.028)}
.po-help-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 21px;color:#273348;font-size:13px;font-weight:700;line-height:1.56}
.po-help-faq-list summary::-webkit-details-marker{display:none}
.po-help-faq-list details[open] summary{color:var(--ph-red)}
.po-help-faq-plus{height:25px;width:25px;flex:none;display:grid;place-items:center;border:1px solid #e5e8ee;border-radius:7px;background:#f9fafb;color:#b02c36}
.po-help-faq-plus:before{content:"+";font-size:20px;font-weight:400;line-height:1}
.po-help-faq-list details[open] .po-help-faq-plus:before{content:"−"}
.po-help-faq-list details>div{border-top:1px solid #eff0f3;padding:0 21px 22px;padding-top:15px;color:#667287;font-size:12.5px;line-height:1.9}
/* CTA */
.po-help-section--cta{padding-top:25px;padding-bottom:clamp(55px,6vw,85px)}
.po-help-cta{display:flex;align-items:center;justify-content:space-between;gap:27px;padding:clamp(26px,4vw,43px);border:1px solid #f0dadd;border-radius:18px;background:linear-gradient(113deg,#fff4f0,#fff 67%)}
.po-help-cta h2{margin:8px 0 8px;font-size:clamp(22px,2.35vw,31px)}
.po-help-cta p{font-size:12.5px;max-width:700px}
/* Adaptação mobile mantendo o padrão da loja */
@media(max-width:980px){
 .po-help-hero-layout{gap:32px;grid-template-columns:1fr 1fr}
 .po-help-hero-card{padding:21px}
 .po-help-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .po-help-faq-layout{grid-template-columns:1fr;gap:26px}
 .po-help-faq-intro{position:static;max-width:700px}
}
@media(max-width:720px){
 .po-help-container{width:min(calc(100% - 32px),1220px)}
 .po-help-hero{padding:49px 0 54px}
 .po-help-hero-layout,.po-help-split{grid-template-columns:1fr}
 .po-help-hero h1{font-size:clamp(33px,7.7vw,45px);margin:19px 0 15px}
 .po-help-hero-copy>p{font-size:13.5px}
 .po-help-hero-card{transform:none;max-width:570px;width:100%;margin-inline:auto}
 .po-help-subnav{min-height:58px;gap:20px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
 .po-help-subnav a{font-size:11px;min-height:58px;flex:none}
 .po-help-section{padding:48px 0}
 .po-help-section--cta{padding-top:6px}
 .po-help-section-heading{margin-bottom:24px}
 .po-help-cta{flex-direction:column;align-items:stretch}
 .po-help-cta .po-help-button{align-self:flex-start}
}
@media(max-width:520px){
 .po-help-grid--three{grid-template-columns:1fr}
 .po-help-feature{padding:22px}
 .po-help-card-head{flex-wrap:wrap}
 .po-help-card-pill{margin-left:auto}
 .po-help-faq-list summary{padding:17px;font-size:12.5px}
 .po-help-faq-list details>div{padding:14px 17px 19px;font-size:12px}
 .po-help-checklist>div,.po-help-numbered-list>div{padding:14px}
 .po-help-kicker{font-size:9px;letter-spacing:.08em}
 .po-help-button{width:100%;white-space:normal}
 .po-help-hero-actions{align-items:stretch;flex-direction:column}
 .po-help-hero-textlink{text-align:center}
 .po-help-cta .po-help-button{align-self:stretch}
 .po-help-seller-pill-grid>span{padding:11px 9px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.po-help-feature,.po-help-button{transition:none}}