/* =====================================================================
   PAGE v3 (v4): /solucoes/mailing-de-imprensa — autoridade diagnóstica
   ===================================================================== */
a:focus-visible,button:focus-visible,summary:focus-visible,.btn:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:6px}
.menu a.active{color:var(--teal)}
.menu a.active::after{right:0}

/* BLOCO 1 — CABEÇALHO DE PÁGINA (interno, sem gradiente-assinatura) */
.pagehead{background:var(--teal-deep);color:#eaf6f5;padding:24px 0 48px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.pagehead::before{content:"";position:absolute;top:-120px;right:-100px;width:380px;height:380px;background:radial-gradient(circle,rgba(102,200,198,.13),transparent 70%);border-radius:50%}
.pagehead .wrap{position:relative;z-index:1}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--disp);font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#7fa8a6;margin-bottom:28px}
.breadcrumb a{color:#9fb8b7}
.breadcrumb a:hover{color:#fff}
.breadcrumb .sep{color:#4d6b6a}
.breadcrumb .cur{color:#fff}
.pagehead .kick.light{color:#66c8c6}
.pagehead h1{font-family:var(--disp);font-weight:800;font-size:clamp(32px,4.8vw,58px);line-height:1.03;letter-spacing:-.02em;color:#fff;margin-top:14px;max-width:20ch}
.pagehead h1 .accent{color:var(--amber)}
.pagehead .dek{font-size:clamp(17px,2vw,20px);color:#bcd4d3;margin-top:18px;max-width:62ch;line-height:1.5}
.pagehead .dek b{color:#fff;font-weight:600}
.pagehead .ph-cta{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.pagehead .ph-cta .btn-dark{background:#04191A;color:#fff;border:1px solid rgba(255,255,255,.16)}
.pagehead .ph-cta .btn-dark:hover{background:#000;border-color:rgba(255,255,255,.32);transform:translateY(-2px)}
.pagehead-proof{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.pagehead-proof span{font-family:var(--disp);font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#9fb8b7;display:inline-flex;align-items:center;gap:9px}
.pagehead-proof span::before{content:"";width:8px;height:8px;border-radius:50%;background:#66c8c6;flex:0 0 auto}

/* BLOCO 2 — OS 3 SINTOMAS (empatia, cards em aspas) */
.symptoms{background:var(--surface);padding:96px 0;border-top:1px solid var(--line)}
.symptoms .sec-head{max-width:820px;margin:0 auto;text-align:center}
.symptoms .sec-head h2{max-width:none}
.symptoms .sec-head h2 em{font-style:normal;color:var(--teal)}
.sy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:48px auto 0;max-width:920px}
.sycard{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:34px 30px;position:relative;overflow:hidden;transition:.2s}
.sycard:hover{transform:translateY(-4px);box-shadow:0 20px 44px -24px rgba(8,42,43,.4);border-color:var(--teal)}
.sycard::before{content:"\201C";position:absolute;top:6px;right:20px;font-family:var(--disp);font-weight:900;font-size:90px;line-height:1;color:var(--surface-2)}
.sycard .sy-q{position:relative;font-family:var(--disp);font-weight:800;font-size:clamp(20px,2.2vw,25px);line-height:1.24;color:var(--ink);letter-spacing:-.01em}
.sycard .sy-tag{position:relative;margin-top:20px;font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.sy-close{text-align:center;margin-top:38px;font-family:var(--disp);font-weight:800;font-size:clamp(18px,2.2vw,25px);color:var(--ink);letter-spacing:-.01em}
.sy-close em{font-style:normal;color:var(--teal)}
@media(max-width:860px){.sy-grid{grid-template-columns:1fr}}

/* BLOCO 3 — FRENTE 1 · ENTREGABILIDADE (escura, espiral) */
.frente{background:var(--hd);color:#eaf6f5;padding:100px 0;position:relative;overflow:hidden}
.frente::before{content:"";position:absolute;bottom:-160px;right:-120px;width:460px;height:460px;background:radial-gradient(circle,rgba(235,30,47,.14),transparent 70%);border-radius:50%}
.frente .wrap{position:relative;z-index:1}
.frente-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
.frente-text h2{font-family:var(--disp);font-weight:800;font-size:clamp(30px,4.2vw,50px);line-height:1.04;letter-spacing:-.02em;color:#fff;margin-top:14px}
.frente-text h2 em{font-style:normal;color:var(--amber)}
.frente-text p{color:#bcd4d3;font-size:17.5px;line-height:1.62;margin-top:20px;max-width:52ch}
.frente-text p b{color:#fff;font-weight:700}
.frente-sol{margin-top:26px;background:rgba(0,107,110,.28);border:1px solid rgba(102,200,198,.4);border-left:4px solid var(--amber);border-radius:12px;padding:22px 24px}
.frente-sol .sol-k{font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;display:block}
.frente-sol p{color:#eaf6f5;font-size:15.5px;line-height:1.55;margin:0;max-width:none}
.frente-sol p+p{margin-top:12px}
.frente-sol p b{color:#fff}.sp-step.bad{background:rgba(235,30,47,.15);border-color:rgba(235,30,47,.5)}
.sp-step.bad .sp-n{background:var(--red);color:#fff}
.sp-step.bad p{color:#ffdcdc}@media(max-width:860px){.frente-grid{grid-template-columns:1fr;gap:40px}.frente-diagram{order:-1}}

/* BLOCO 4 — FRENTE 2 · INFRAESTRUTURA (contraste 2 colunas) */
.infra{background:var(--surface);padding:96px 0;border-top:1px solid var(--line)}
.infra .sec-head{max-width:900px;margin:0 auto;text-align:center}
.infra .sec-head h2{max-width:none}
.infra .sec-head h2 em{font-style:normal;color:var(--teal)}
.infra .sec-head .dek{margin-left:auto;margin-right:auto;max-width:64ch}.infra-col.bad{background:var(--paper)}.infra-col.bad .ic-k{color:var(--muted)}.infra-col.bad p{color:var(--muted)}.sc-badge.f{background:#EB1E2F}
.sc-badge.d{background:#F7902E}
.sc-badge.b{background:#2FA968}
.sc-badge.a{background:#0EA36B}.sc-score.red{color:#EB1E2F}
.sc-score.green{color:#0EA36B}
.infra-col.good .sc-score.green{color:#5fe0a8}
/* BLOCO 5 — FRENTE 3 · INTELIGÊNCIA E CONSULTORIA (texto + mini-case) */
.consultf{background:var(--paper);padding:96px 0;border-top:1px solid var(--line);position:relative;overflow:hidden}
.consultf::before{content:"";position:absolute;top:-120px;left:-130px;width:440px;height:440px;background:radial-gradient(circle,rgba(0,107,110,.08),transparent 70%);border-radius:50%;pointer-events:none}
.consultf::after{content:"";position:absolute;bottom:-160px;right:-120px;width:420px;height:420px;background:radial-gradient(circle,rgba(235,30,47,.06),transparent 70%);border-radius:50%;pointer-events:none}
.consultf .wrap{position:relative;z-index:1}
.consultf-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;max-width:1120px;margin:0 auto}
.consultf-text h2{font-family:var(--disp);font-weight:800;font-size:clamp(28px,3.6vw,46px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin-top:14px;max-width:18ch}
.consultf-text h2 em{font-style:normal;color:var(--teal)}
.consultf-text .dek{font-size:17.5px;color:var(--text);line-height:1.62;margin-top:18px;max-width:50ch}
.consultf-text .dek b{color:var(--ink);font-weight:700}
.datacard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 32px 74px -34px rgba(8,42,43,.55);position:relative}
.datacard .dc-head{background:var(--grad);color:#fff;padding:26px 30px;display:flex;align-items:center;gap:15px}
.datacard .dc-hico{flex:0 0 auto;width:50px;height:50px;border-radius:13px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}
.datacard .dc-hico svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.datacard .dc-htxt b{font-family:var(--disp);font-weight:900;font-size:21px;letter-spacing:-.01em;line-height:1.1;display:block}
.datacard .dc-htxt span{font-size:12.5px;color:rgba(255,255,255,.92);display:block;margin-top:5px;line-height:1.42;max-width:42ch}
.datacard .dc-inner{padding:28px 32px 30px}
.datacard .dc-title{font-family:var(--disp);font-weight:900;font-size:20px;color:var(--ink);letter-spacing:-.01em;line-height:1.15}
.datacard .dc-sub{font-size:13px;color:var(--muted);margin-top:4px}
.dc-group{margin-top:24px}
.dc-group:first-child{margin-top:0}
.dc-group .dc-gk{font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin-bottom:13px;display:flex;align-items:center;gap:9px}
.dc-group .dc-gk::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--grad)}
.dc-list{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}
.dc-list li{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:var(--text);line-height:1.4}
.dc-list li svg{flex:0 0 auto;width:20px;height:20px;background:var(--teal);stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:4px;margin-top:1px}
.datacard .dc-foot{margin-top:26px;padding-top:18px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--teal)}
.datacard .dc-foot svg{flex:0 0 auto;width:15px;height:15px;stroke:var(--teal);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:860px){.consultf-grid{grid-template-columns:1fr;gap:34px}}

/* BLOCO 5.1 — COMO USAR A PLATAFORMA (âncora do CTA do hero) */
.howto{background:var(--surface);padding:96px 0;border-top:1px solid var(--line);position:relative;overflow:hidden}
.howto::before{content:"";position:absolute;top:-140px;right:-130px;width:440px;height:440px;background:radial-gradient(circle,rgba(0,107,110,.07),transparent 70%);border-radius:50%;pointer-events:none}
.howto .wrap{position:relative;z-index:1}
.howto .sec-head{max-width:820px;margin:0 auto;text-align:center}
.howto .sec-head h2{max-width:none}
.howto .sec-head h2 em{font-style:normal;color:var(--teal)}
.howto .sec-head .dek{margin-left:auto;margin-right:auto;max-width:60ch}
/* passo */
.ht-step{margin-top:56px}
.ht-step-head{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.ht-num{flex:0 0 auto;width:54px;height:54px;border-radius:14px;background:var(--grad);color:#fff;font-family:var(--disp);font-weight:900;font-size:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -12px rgba(0,107,110,.5)}
.ht-step-head h3{font-family:var(--disp);font-weight:900;font-size:clamp(23px,3vw,34px);color:var(--ink);letter-spacing:-.02em;line-height:1.05;text-transform:none}
.ht-step-head .st-k{display:block;font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:3px}
/* passo 1 — 2 opções de mailing */
.ht-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ht-opt{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:32px 30px;position:relative;overflow:hidden;transition:.2s}
.ht-opt:hover{box-shadow:0 22px 50px -28px rgba(8,42,43,.4);border-color:var(--teal)}
.ht-opt::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--grad)}
.ht-opt .opt-k{font-family:var(--disp);font-weight:900;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--teal)}
.ht-opt h4{font-family:var(--disp);font-weight:800;font-size:22px;color:var(--ink);margin:10px 0 8px;text-transform:none;letter-spacing:-.01em;line-height:1.12;max-width:22ch}
.ht-opt .opt-sub{font-size:14.5px;color:var(--text);line-height:1.5}
.ht-opt .opt-badge{position:absolute;top:24px;right:26px;font-family:var(--disp);font-weight:900;font-size:12px;color:#fff;background:var(--teal);padding:6px 13px;border-radius:999px;letter-spacing:.02em}
/* países */
.ht-countries{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ht-country{font-family:var(--font);font-weight:600;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px;display:inline-flex;align-items:center;gap:7px}
.ht-country::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);flex:0 0 auto}
/* vantagens */
.ht-adv{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:10px}
.ht-adv li{display:flex;gap:11px;font-size:14.5px;color:var(--text);line-height:1.5}
.ht-adv li span{flex:1;min-width:0}
.ht-adv li b{color:var(--ink);font-weight:700}
.ht-adv li svg{flex:0 0 auto;width:20px;height:20px;background:var(--teal);stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:4px;margin-top:1px}
.ht-note{margin-top:20px;padding:16px 18px;background:var(--surface);border-left:3px solid var(--amber);border-radius:0 10px 10px 0;font-size:13.5px;color:var(--text);line-height:1.52}
.ht-note b{color:var(--ink);font-weight:700}
.ht-note a{color:var(--teal);font-weight:700;border-bottom:1px solid rgba(0,107,110,.35)}
.ht-note a:hover{color:var(--red);border-color:var(--red)}
/* passo 2 — operação */
.ht-lead{font-family:var(--disp);font-weight:800;font-size:clamp(19px,2.3vw,26px);color:var(--ink);letter-spacing:-.01em;line-height:1.15;margin:0 0 22px}
.ht-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ht-op{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px 26px;transition:.2s}
.ht-op:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(8,42,43,.35);border-color:var(--teal)}
.ht-op .op-ico{width:44px;height:44px;color:var(--teal);margin-bottom:15px}
.ht-op .op-ico svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ht-op h5{font-family:var(--disp);font-weight:800;font-size:17px;color:var(--ink);text-transform:none;margin-bottom:8px;letter-spacing:-.01em}
.ht-op p{font-size:14px;color:var(--text);line-height:1.5}
.ht-help{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--grad);color:#fff;border-radius:12px;padding:20px 26px}
.hh-txt{display:flex;align-items:center;gap:14px;font-family:var(--disp);font-weight:800;font-size:clamp(15px,1.9vw,19px);letter-spacing:-.01em;line-height:1.2}
.ht-help svg{flex:0 0 auto;width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hh-cta{flex:0 0 auto;background:#fff;color:var(--teal);font-family:var(--disp);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.03em;padding:14px 26px;border-radius:999px;transition:transform .15s,background .2s,color .2s;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.hh-cta::after{content:"→"}
.hh-cta:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
/* finalização — painel escuro */
.ht-final{background:var(--hd);border-radius:20px;padding:38px 40px;color:#eaf6f5;position:relative;overflow:hidden}
.ht-final::before{content:"";position:absolute;top:-120px;left:-100px;width:360px;height:360px;background:radial-gradient(circle,rgba(102,200,198,.14),transparent 70%);border-radius:50%}.ht-final-head .st-k{font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#66c8c6}.ht-final-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ht-fcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:26px 26px;transition:.2s}
.ht-fcard:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}
.ht-fcard .fc-n{font-family:var(--disp);font-weight:900;font-size:14px;color:#66c8c6;letter-spacing:.06em}
.ht-fcard h4{font-family:var(--disp);font-weight:800;font-size:20px;color:#fff;margin:9px 0 9px;text-transform:none;letter-spacing:-.01em;line-height:1.1}
.ht-fcard p{font-size:14.5px;color:#bcd4d3;line-height:1.5}
.ht-fcard p b{color:#fff;font-weight:700}
.ht-ex{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.ht-ex span{font-family:var(--font);font-weight:600;font-size:13.5px;color:#eaf6f5;background:rgba(102,200,198,.15);border:1px solid rgba(102,200,198,.32);border-radius:999px;padding:6px 13px}
.ht-fcard .fc-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--disp);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--red);border-radius:999px;padding:11px 20px;transition:.2s}
.ht-fcard .fc-link:hover{background:var(--red-h);transform:translateX(2px)}
.ht-fcard .fc-link svg{width:14px;height:14px;fill:#fff;stroke:none}
@media(max-width:860px){
  .ht-options{grid-template-columns:1fr}
  .ht-ops{grid-template-columns:1fr}
  .ht-final-grid{grid-template-columns:1fr}
  .ht-final{padding:34px 26px}
  .ht-help{flex-direction:row}
}
/* CASES DE SUCESSO — carrossel de posts do blog */
.cases{background:var(--surface);color:var(--ink);padding:96px 0;border-top:1px solid var(--line)}
.cases .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.cases h2{font-weight:800;font-size:clamp(32px,4.6vw,54px);color:var(--ink);margin-top:16px;line-height:1.02;letter-spacing:-.02em}
.cases h2 em{font-style:normal;color:var(--teal)}
.cases .dek{font-size:18px;color:var(--text);margin-top:14px;max-width:52ch}.case-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none}
.case-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px -30px rgba(8,42,43,.45);border-color:var(--teal)}.case-card:hover .case-go{color:var(--red)}
@media(max-width:980px){.case-card{flex:0 0 calc((100% - 18px)/2)}}
@media(max-width:640px){.case-card{flex:0 0 86%}}

/* BLOCO 6 — SPAMCORTEX + OPERAÇÃO (diagrama escuro em camadas) */
.machine{background:var(--teal-deep);color:#eaf6f5;padding:100px 0;position:relative;overflow:hidden}
.machine::before{content:"";position:absolute;top:-140px;right:-120px;width:460px;height:460px;background:radial-gradient(circle,rgba(255,201,77,.15),transparent 70%);border-radius:50%}
.machine .wrap{position:relative;z-index:1}
.machine .sec-head{max-width:780px}
.machine .sec-head h2{color:#fff}
.machine .sec-head h2 em{font-style:normal;color:var(--amber)}
.machine .sec-head .dek{color:#bcd4d3;max-width:64ch}
.machine .sec-head .dek b{color:#fff;font-weight:700}
.mch{margin-top:52px;display:flex;flex-direction:column;align-items:center}.sig{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:13px 16px;font-size:13px;color:#bcd4d3;max-width:260px;line-height:1.4;text-align:left}
.sig b{color:#fff;font-weight:700;display:block;font-family:var(--disp);font-size:13px;margin-bottom:3px}.core{background:linear-gradient(160deg,rgba(255,201,77,.18),rgba(0,107,110,.22));border:2px solid var(--amber);border-radius:18px;padding:26px 34px;text-align:center;max-width:660px;box-shadow:0 0 0 6px rgba(255,201,77,.08),0 24px 60px -30px rgba(0,0,0,.7)}
.core .core-name{font-family:var(--disp);font-weight:900;font-size:clamp(26px,3vw,36px);color:var(--amber);letter-spacing:-.01em}
.core p{color:#eaf6f5;font-size:16px;line-height:1.55;margin-top:8px;max-width:54ch;margin-left:auto;margin-right:auto}.lane2.maint .l2k::before{background:var(--amber)}.cstep.client{background:var(--grad);border-color:transparent}
.cstep.client .cs-who{font-size:15px;letter-spacing:.03em}
.chain .arrow{display:flex;align-items:center;color:var(--amber);font-weight:900;font-size:20px;font-family:var(--disp);flex:0 0 auto}@media(max-width:760px){.chain .arrow{transform:rotate(90deg);justify-content:center}}

/* BLOCO 7 — O TAMANHO QUE IMPORTA */
.reach{background:var(--surface);padding:96px 0;border-top:1px solid var(--line)}
.reach .sec-head{max-width:820px;margin:0 auto;text-align:center}
.reach .sec-head h2{max-width:none}
.reach .sec-head h2 em{font-style:normal;color:var(--teal)}
.reach .sec-head .dek{margin-left:auto;margin-right:auto;max-width:56ch}.askai .sec-head{max-width:820px;margin:0 auto;text-align:center}
.askai .sec-head h2{max-width:none;font-size:clamp(28px,4vw,46px)}.chat{max-width:820px;margin:36px auto 0;display:flex;flex-direction:column;gap:20px}.prompt-head .pl{font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--teal);display:inline-flex;align-items:center;gap:8px}
.prompt-head .pl::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--grad)}.copybtn.done{background:var(--ink)}.prompt-actions .hint{font-size:13px;color:var(--muted);margin-right:auto}.abubble .who{font-family:var(--disp);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;gap:9px}
.abubble .who .dotai{width:26px;height:26px;border-radius:8px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}/* BLOCO 9 — selo (reaproveita .depo/.fichario da base) */
.seal-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:36px}/* BLOCO 10 — FAQ acordeão */
.faq{background:var(--paper);padding:96px 0;border-top:1px solid var(--line)}
.faq .sec-head{text-align:center;max-width:720px;margin:0 auto 40px}
.faq .sec-head h2{max-width:none}
.faq-list{max-width:820px;margin:0 auto}
.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:var(--surface);overflow:hidden;transition:border-color .2s,background .2s}
.faq-item[open]{border-color:var(--teal);background:#fbfdfc}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 26px;font-family:var(--disp);font-weight:800;font-size:clamp(17px,2vw,21px);color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--disp);font-weight:700;font-size:26px;color:var(--teal);flex:0 0 auto;line-height:1}
.faq-item[open] summary::after{content:"–"}
.faq-item .faq-a{padding:0 26px 24px;font-size:16.5px;color:var(--text);line-height:1.62;max-width:66ch}
.faq-item .faq-a b{color:var(--ink);font-weight:700}
.faq-item .faq-a .lead-a{color:var(--ink);font-weight:600}

/* BLOCO 11 — CTA final centralizado */
.finalcta.center .wrap{flex-direction:column;text-align:center;justify-content:center}
.finalcta.center h2{max-width:22ch}
.finalcta.center p{max-width:54ch;margin-left:auto;margin-right:auto}
.finalcta .fc-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:10px}
/* (regra morta removida em 23/09/2026: esta página não tem .finalcta nenhuma) */
@media(max-width:640px){.finalcta .fc-actions{width:100%;flex-direction:column}.finalcta .fc-actions .btn{width:100%;justify-content:center}}

/* ================= PÁGINA MAIS PELO JORNALISMO ================= */
/* .sr-only mora no skin.css (utilitário compartilhado). */
.kick.red{color:var(--red)}

/* [0] Cabeçalho claro */
.mpjhead{background:var(--teal-deep);color:#eaf6f5;padding:34px 0 58px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.mpjhead::before{content:"";position:absolute;top:-120px;right:-100px;width:420px;height:420px;background:radial-gradient(circle,rgba(255,201,77,.12),transparent 70%);border-radius:50%}
.mpjhead .wrap{position:relative;z-index:1}
.mpjhead .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--disp);font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#7fa8a6;margin-bottom:26px}
.mpjhead .breadcrumb a{color:#9fb8b7}
.mpjhead .breadcrumb a:hover{color:#fff}
.mpjhead .breadcrumb .sep{color:#4d6b6a}
.mpjhead .breadcrumb .cur{color:#fff}
.mpjhead .kick{color:#66c8c6}
.mpjhead h1{font-family:var(--disp);font-weight:800;font-size:clamp(33px,5vw,60px);line-height:1.03;letter-spacing:-.02em;color:#fff;margin-top:14px;max-width:20ch}
.mpjhead h1 em{font-style:normal;color:var(--amber)}
.mpjhead .dek{font-size:clamp(17px,2vw,20px);color:#bcd4d3;margin-top:20px;max-width:66ch;line-height:1.55}
.mpjhead .dek b{color:#fff;font-weight:700}
.mpjhead .ph-cta{margin-top:28px}
.mpjhead .btn-teal{background:#fff;color:var(--teal-deep)}
.mpjhead .btn-teal:hover{background:var(--amber);color:var(--ink);transform:translateY(-2px)}
.mpjhead-proof{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.mpjhead-proof span{font-family:var(--disp);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#9fb8b7;display:inline-flex;align-items:center;gap:9px}
.mpjhead-proof span::before{content:"";width:8px;height:8px;border-radius:50%;background:#66c8c6;flex:0 0 auto}

/* prosa */
.mpj-prose{background:var(--paper);padding:78px 0}
.mpj-prose.alt{background:var(--surface)}
.mpj-prose .wrap{max-width:768px}
.mpj-prose .lede{font-family:var(--disp);font-weight:700;font-size:clamp(22px,3vw,32px);line-height:1.24;letter-spacing:-.01em;color:var(--ink)}
.mpj-prose p{font-size:18px;line-height:1.7;color:var(--text);margin-top:20px}
.mpj-prose p b{color:var(--ink);font-weight:700}
.mpj-prose h2{font-family:var(--disp);font-weight:800;font-size:clamp(27px,3.7vw,42px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);max-width:22ch}
.mpj-prose h2 em{font-style:normal;color:var(--teal)}
.mpj-prose h2+p{margin-top:24px}

/* [2] estudo — fundo teal-deep */
.study{background:var(--teal-deep);color:#eaf6f5;padding:88px 0}
.study .wrap{max-width:1000px}
.study .kick.light{color:var(--amber)}
.study .kick.light::before{background:var(--amber)}
.study h2{font-family:var(--disp);font-weight:800;font-size:clamp(30px,4.4vw,52px);line-height:1.04;color:#fff;letter-spacing:-.02em;margin-top:14px}
.study h2 em{font-style:normal;color:var(--amber)}
.study .dek{font-size:clamp(16px,1.9vw,19px);color:#bcd4d3;margin-top:16px;max-width:72ch;line-height:1.55}
.study-note{font-size:14.5px;line-height:1.62;color:#a9c6c5;margin-top:26px;max-width:76ch}
.study-note b{color:#fff}
/* o alternador "Saldo do ano / Acumulado" saiu em 19/08/2026 (ver o JS da página) */
/* tabela */
.thermo{margin-top:20px;overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,.14)}
.thermo table{width:100%;border-collapse:collapse;font-size:15px;min-width:660px}
.thermo th,.thermo td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.09);white-space:nowrap;vertical-align:middle}
.thermo thead th{font-family:var(--disp);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:#9fc3c2;cursor:pointer;user-select:none;background:rgba(0,0,0,.2)}
.thermo thead th:hover,.thermo thead th:focus-visible{color:#fff;outline:none}
/* a coluna Ano não ordena: a tabela é uma série de tempo */
.thermo thead th.th-fixa,.thermo thead th.th-fixa:hover{cursor:default;color:#9fc3c2}
.thermo thead th[aria-sort="ascending"]::after{content:" ▲";font-size:9px;color:var(--amber)}
.thermo thead th[aria-sort="descending"]::after{content:" ▼";font-size:9px;color:var(--amber)}
.thermo tbody tr:hover{background:rgba(255,255,255,.045)}
.thermo tfoot td{font-family:var(--disp);font-weight:800;color:#fff;border-top:2px solid rgba(255,255,255,.3);border-bottom:0;background:rgba(0,0,0,.22)}
.thermo .neg{color:#ff97a6}
.thermo .pos{color:#7fe3a6}
.thermo .bar{display:block;height:9px;border-radius:6px;margin-top:8px;width:calc(var(--w) * 1%);min-width:3px}
.thermo .bar.neg{background:linear-gradient(90deg,#EB1E2F,#ff97a6)}
.thermo .bar.pos{background:linear-gradient(90deg,#0a8a80,#7fe3a6)}
.thermo table.show-diff .abar{display:none}.vital{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}
.vital .vn{font-family:var(--disp);font-weight:900;font-size:clamp(26px,3.2vw,36px);color:var(--teal);letter-spacing:-.02em;line-height:1}
.vital .vl{font-size:14px;color:var(--text);margin-top:8px;line-height:1.35}
.mpj-svc-list{list-style:none;margin:22px 0 4px;display:flex;flex-direction:column;gap:13px}
.mpj-svc-list li{display:flex;gap:13px;align-items:flex-start;font-size:15.5px;line-height:1.45;color:#c3dad9;max-width:52ch}
.mpj-svc-list li b{color:#fff;font-weight:700}
.mpj-svc-list .ic{width:34px;height:34px;border-radius:9px;background:rgba(95,208,207,.14);color:#5fd0cf;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.mpj-svc-list .ic svg{width:19px;height:19px}
.mpj-svc-list li.hi .ic{background:rgba(242,194,48,.18);color:#F2C230}
.mpj-svc-list li.hi b{color:#F2C230}
/* MPJ na imprensa */
.mpj-press{background:var(--paper);padding:80px 0;border-top:1px solid var(--line)}
.mpj-press .ph-head{max-width:760px}
.mpj-press h2{font-family:var(--disp);font-weight:800;font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin-top:14px}
.mpj-press h2 em{font-style:normal;color:var(--teal)}
.mpj-press .press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.mpj-press .pcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;transition:.2s}
.mpj-press .pcard:hover{transform:translateY(-4px);box-shadow:0 20px 44px -26px rgba(8,42,43,.4);border-color:rgba(0,107,110,.4)}
.mpj-press .pc-outlet{font-family:var(--disp);font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--teal)}
.mpj-press .pcard h3{font-family:var(--disp);font-weight:700;font-size:18px;line-height:1.25;color:var(--ink);margin:12px 0 0;text-transform:none;flex:1}
.mpj-press .pc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px}
.mpj-press .pc-date{font-size:13px;color:var(--muted)}
.mpj-press .pc-go{font-family:var(--disp);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--red);white-space:nowrap}
.mpj-press .pcard:hover .pc-go{text-decoration:underline}
@media(max-width:900px){.mpj-press .press-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mpj-press .press-grid{grid-template-columns:1fr}}

/* [5] você já faz parte */
.mpj-part{background:var(--surface);padding:84px 0;border-top:1px solid var(--line);text-align:center}
.mpj-part .wrap{max-width:720px}
.mpj-part .kick{justify-content:center}
.mpj-part h2{font-family:var(--disp);font-weight:800;font-size:clamp(28px,4vw,48px);line-height:1.04;letter-spacing:-.02em;color:var(--ink);margin-top:14px}
.mpj-part h2 em{font-style:normal;color:var(--teal)}
.mpj-part p{font-size:18px;line-height:1.65;color:var(--text);margin-top:18px}
.mpj-part .cta{margin-top:28px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.mpj-part .btn-out{border:2px solid var(--line);color:var(--ink)}
.mpj-part .btn-out:hover{border-color:var(--teal);color:var(--teal)}
.mpj-part .fine{font-size:13px;color:var(--muted);margin-top:20px}

/* ===== Escala tipográfica coerente (laptop/desktop) — igual à home ==========
   Títulos escalam pela largura E pela altura da tela (min(vw,vh)), mantendo a
   proporção visual e a hierarquia (título de página > títulos de seção) em
   qualquer tela. Escopo #conteudo p/ vencer as regras por seção. Mobile mantém. */
@media(min-width:769px){
  #conteudo .pagehead h1,
  #conteudo .mpjhead h1{font-size:clamp(32px,min(5.6vw,7.2vh),66px)!important}
  #conteudo h2{font-size:clamp(30px,min(5vw,6.1vh),56px)!important}
}

/* ===== Vitrine de portais do MPJ ==========================================
   Fica DENTRO da seção escura (.movimentos), abaixo da lista de serviços e em
   largura inteira. Os cards são celulares com o print real da home.
   ⚠️ A classe é .rcard, e NÃO .pcard: esta página já usa .pcard na seção de
   imprensa logo abaixo, e reaproveitar o nome quebraria as duas. */
.mpj-rede{margin-top:54px;position:relative}
.mpj-rede-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.mpj-rede-head h3{font-family:var(--disp);font-weight:800;font-size:24px;color:#fff;letter-spacing:-.01em}
.mpj-rede-head p{margin:0;color:#bcd4d3;font-size:15px}
/* rolagem horizontal com encaixe: no celular vira arrastar, no desktop as setas */
.mpj-rede-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.mpj-rede-track::-webkit-scrollbar{height:8px}
.mpj-rede-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:4px}
.mpj-rede .rcard{display:block;flex:0 0 196px;scroll-snap-align:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:16px;text-align:center;padding:14px 12px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.mpj-rede .rcard:hover{transform:translateY(-4px);background:rgba(255,255,255,.09);border-color:rgba(242,194,48,.5);box-shadow:0 18px 34px rgba(0,0,0,.4)}
.mpj-rede .fone{display:block;position:relative;width:150px;margin:0 auto;padding:6px;border-radius:20px;background:linear-gradient(160deg,#20494a,#061c1d);box-shadow:0 10px 20px rgba(0,0,0,.4)}
.mpj-rede .fone:before{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:30px;height:5px;border-radius:4px;background:#04191A;z-index:2}
.mpj-rede .fone img{display:block;width:100%;height:auto;aspect-ratio:9/19.5;object-fit:cover;object-position:top center;border-radius:15px;background:#04191A}
.mpj-rede .info{display:block;padding:12px 2px 0}
.mpj-rede .nm{display:block;font-family:var(--disp);font-size:14px;font-weight:800;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpj-rede .dom{display:block;font-size:11.5px;color:#9fb8b7;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpj-rede .go{display:block;margin-top:9px;font-size:12.5px;font-family:var(--disp);font-weight:800;color:#F2C230}
.mpj-rede-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}
.rn-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:.2s}
.rn-btn:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:#fff}
.rn-btn:disabled{opacity:.3;cursor:default}
/* Dedo no celular já arrasta: seta ali é enfeite ocupando espaço. */
@media(max-width:760px){.mpj-rede-nav{display:none}.mpj-rede{margin-top:38px}.mpj-rede .rcard{flex-basis:168px}.mpj-rede .fone{width:130px}}

/* O mapa saiu do lado direito e a vitrine foi para baixo, então este grid
   ficou com UM filho só — e um grid de 2 colunas com 1 filho deixa metade da
   seção vazia. Aqui ele passa a ser coluna única, e a lista de serviços se
   divide em duas no desktop para não virar uma tira estreita e comprida.
   (O .mov-layout da HOME continua com 2 colunas: lá ainda há dois filhos.) */
#rede .mov-layout{grid-template-columns:1fr;gap:0}
#rede .mov-text{max-width:none}
#rede .movimentos h2,#rede h2{max-width:20ch}
/* a lista é flex-column; `columns` não vale em flex container, então aqui
   ela vira grid de 2 colunas de verdade */
#rede .mpj-svc-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 44px;align-items:start}
#rede .mpj-svc-list li{max-width:44ch}
@media(max-width:860px){#rede .mpj-svc-list{grid-template-columns:1fr}}