/* ============================================================
   INTERSOLIS, sistema visual do site
   Cores do deck REDESIGN - Intersolis. Tipografia Archivo nos
   titulos e Nunito Sans no corpo, a substituta oficial da Museo
   Sans no design system da marca.
   Carregado por todas as paginas. Estilo de secao que so existe
   numa pagina fica no <style> dela, nao aqui.
   ============================================================ */
/* ===== TOKENS DA MARCA, do deck REDESIGN - Intersolis ===== */
:root{
  --white:#ffffff;
  --yellow:#f6b60d;
  --blue:#3685ff;
  --blue-700:#1f5fd6;
  --blue-100:#e9f1ff;
  --navy:#0e387a;
  --ink:#042940;
  --fg-2:#3a5169;
  --fg-3:#8ba3c4;
  --fg-on-dark:#b9cbe4;
  --border:#d7deea;
  --surface:#eef2f8;
  --pad:64px;
  --dur:0.35s;
  --ease:cubic-bezier(0.2,0.7,0.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}
p,h1,h2,h3,h4,figure{margin:0}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-700)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:4px}

.disp{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;font-weight:900;font-stretch:104%;text-transform:uppercase;letter-spacing:-0.022em;line-height:0.94;overflow-wrap:break-word;min-width:0;text-wrap:balance}
.eyb{font-size:12px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase}
.sec{padding:120px var(--pad)}
.lead{font-size:17px;line-height:1.6;font-weight:500}

/* ===== BOTOES ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;padding:17px 28px;border-radius:999px;border:1.5px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),scale var(--dur) var(--ease);cursor:pointer;font-family:inherit}
.btn:hover{scale:1.03}
.btn-amarelo{background:var(--yellow);color:var(--ink)}
.btn-amarelo:hover{background:#ffc528;color:var(--ink)}
.btn-escuro{background:var(--ink);color:var(--white)}
.btn-escuro:hover{color:var(--white)}
.btn-claro{border-color:rgba(255,255,255,0.34);color:var(--white)}
.btn-claro:hover{background:rgba(255,255,255,0.12);color:var(--white)}
.seta{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--yellow);flex-shrink:0;transition:scale var(--dur) var(--ease)}
.seta:hover{scale:1.08}
.seta svg{transition:translate var(--dur) var(--ease)}
.seta:hover svg{translate:3px -3px}
.par{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* ===== CABECALHO ===== */
.topo{position:absolute;left:0;right:0;top:0;z-index:40;height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px}
.topo img{height:26px;width:auto;display:block}
.menu{display:flex;align-items:center;gap:2px;background:rgba(4,41,64,0.68);border:1px solid rgba(255,255,255,0.24);border-radius:999px;padding:6px 8px}
.menu a{color:var(--white);font-size:14px;font-weight:700;padding:10px 18px;border-radius:999px;transition:background var(--dur) var(--ease)}
.menu a:hover{background:rgba(255,255,255,0.16);color:var(--white)}
.menu a[aria-current="page"]{background:rgba(255,255,255,0.2)}
.topo-acoes{display:flex;align-items:center;gap:8px}
.hamburguer{display:none}
.painel{display:none}
#nav{display:none}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ===== HERO ===== */
.hero{position:relative;min-height:min(960px,100svh);display:flex;flex-direction:column;justify-content:flex-end;background:var(--ink);overflow:hidden;padding:160px var(--pad) 0}
.hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block}
.hero-veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,41,64,0.72) 0%,rgba(4,41,64,0.1) 34%,rgba(4,41,64,0.3) 58%,rgba(4,41,64,0.95) 100%)}
.hero-corpo{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:34px;padding-bottom:64px}
.hero-corpo>h1,.hero-corpo>.hero-pe{align-self:stretch}
.hero h1{font-size:clamp(40px,6.6vw,96px);color:var(--white);max-width:16ch}
.hero h1 span{color:var(--yellow)}
.hero-pe{display:grid;grid-template-columns:minmax(380px,1fr) minmax(0,auto);gap:40px;align-items:end}
.hero-pe p{color:rgba(255,255,255,0.88);max-width:52ch}
.numeros{position:relative;display:flex;gap:56px;background:var(--navy);padding:40px var(--pad) 44px 56px;margin:0 calc(var(--pad) * -1) 0 0;align-self:end}
.numeros .disp{font-size:clamp(38px,4vw,56px);color:var(--white);letter-spacing:-0.03em}
.numeros .rotulo{font-size:14px;font-weight:800;color:var(--white);margin-top:12px}
.numeros .apoio{font-size:12px;font-weight:600;color:var(--fg-on-dark);margin-top:3px}
.marcas{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:4px}
.marcas span{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--fg-on-dark)}
.marcas svg{flex-shrink:0}

/* contador: o navegador anima um inteiro e o texto nasce de counter().
   Sem suporte, o numero final aparece parado. Nunca um numero errado. */
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@counter-style tres{system:numeric;symbols:"0" "1" "2" "3" "4" "5" "6" "7" "8" "9";pad:3 "0"}
.n-usinas::before{content:"+1.500" / ""}
.n-nota::before{content:"5,0" / ""}
.n-estados::before{content:"4" / ""}
@supports (counter-reset:x var(--n)){
  .n-usinas{animation:conta-500 2.2s var(--ease) 0.6s both;counter-reset:n var(--n)}
  .n-usinas::before{content:"+1." counter(n,tres) / ""}
  .n-nota{animation:conta-5 2.2s var(--ease) 0.8s both;counter-reset:n var(--n)}
  .n-nota::before{content:counter(n) ",0" / ""}
  .n-estados{animation:conta-4 2.2s var(--ease) 1s both;counter-reset:n var(--n)}
  .n-estados::before{content:counter(n) / ""}
  @keyframes conta-500{from{--n:0}to{--n:500}}
  @keyframes conta-5{from{--n:0}to{--n:5}}
  @keyframes conta-4{from{--n:0}to{--n:4}}
}

/* ===== SEIS CAMINHOS ===== */
.caminhos{background:var(--blue-700);color:var(--white)}
.duas{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:100px;align-items:start}
.caminhos h2{font-size:clamp(32px,4vw,58px);color:var(--white)}
.sec:not(.caminhos) .duas h2{font-size:clamp(30px,3.8vw,52px)}
.caminhos .eyb{color:rgba(255,255,255,0.9)}
.caminhos p{color:rgba(255,255,255,0.94)}
.lista{display:flex;flex-direction:column}
.item{display:grid;grid-template-columns:64px minmax(0,1fr) 56px;align-items:center;gap:20px;padding:30px 0;border-top:1px solid rgba(255,255,255,0.32);transition:padding-inline-start var(--dur) var(--ease)}
.item:last-child{border-bottom:1px solid rgba(255,255,255,0.32)}
.item:hover{padding-inline-start:12px;color:var(--white)}
.item .ord{font-size:20px;color:var(--yellow)}
.item h3{font-size:clamp(22px,2.2vw,30px);font-weight:800;letter-spacing:-0.02em;color:var(--white)}
.item p{font-size:15px;line-height:1.55;font-weight:500;color:rgba(255,255,255,0.92);margin-top:6px}
.bolha{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--white);flex-shrink:0;transition:scale var(--dur) var(--ease)}
.item:hover .bolha{scale:1.1}
.bolha-vazia{background:transparent;border:1.5px solid rgba(255,255,255,0.5)}
.item-pausado{cursor:default}
.item-pausado:hover{padding-inline-start:0}
.item-pausado h3{color:rgba(255,255,255,0.86)}
.item-pausado p{color:rgba(255,255,255,0.86)}
.item-pausado .bolha{background:transparent;border:1.5px solid rgba(255,255,255,0.45)}
.item-pausado:hover .bolha{scale:1}
.selo i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:middle;animation:pulso 2.4s ease-in-out infinite}
@keyframes pulso{0%,100%{opacity:0.25}50%{opacity:1}}
.selo{display:inline-block;font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);background:var(--white);border-radius:999px;padding:6px 11px;vertical-align:middle;margin-left:12px}

/* ===== MANIFESTO ===== */
.manifesto{position:relative;min-height:720px;display:grid;place-items:center;background:var(--ink);overflow:hidden;text-align:center;padding:96px var(--pad)}
.manifesto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.manifesto .veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,41,64,0.44) 0%,rgba(4,41,64,0.6) 100%)}
.manifesto-corpo{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px}
.manifesto h2{font-size:clamp(36px,5.8vw,84px);color:var(--white)}

/* ===== DIAGNOSTICO ===== */
.diag{position:relative;background:var(--blue-100);text-align:center;overflow:hidden;padding:112px var(--pad) 72px}
.diag h2{font-size:clamp(34px,4.8vw,68px);color:var(--navy);max-width:14ch;margin-inline:auto}
.diag > p{color:var(--fg-2);max-width:48ch;margin:18px auto 0}
.diag-palco{position:relative;display:grid;place-items:center;min-height:340px;margin-top:44px}
.orbita{position:absolute;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(14,56,122,0.22);animation:gira 60s linear infinite}
.orbita::before{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--yellow)}
.comecar{position:relative;display:grid;place-items:center;width:176px;height:176px;border-radius:50%;background:var(--yellow);color:var(--ink);box-shadow:0 30px 70px rgba(246,182,13,0.4);transition:scale var(--dur) var(--ease)}
.comecar:hover{scale:1.06;color:var(--ink)}
.comecar svg{transition:translate var(--dur) var(--ease)}
.comecar:hover svg{translate:3px -3px}
.comecar::before,.comecar::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(246,182,13,0.8);animation:anel 2.6s cubic-bezier(0.2,0.6,0.3,1) 1.3s infinite;pointer-events:none}
.comecar::after{animation-delay:2.6s}
.pergunta{position:absolute;display:flex;align-items:center;gap:10px;background:var(--white);border-radius:16px;padding:14px 20px;font-size:15px;font-weight:800;color:var(--ink);box-shadow:0 18px 40px rgba(14,56,122,0.14);animation:flutua 5s ease-in-out infinite;white-space:nowrap}
.pergunta i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.q1{left:2%;top:22%;rotate:-4deg;animation-delay:1.4s}
.q2{right:2%;top:10%;rotate:3deg;animation-delay:1.9s;animation-duration:5.6s}
.q3{left:12%;bottom:8%;rotate:2deg;animation-delay:1.6s;animation-duration:4.6s}
.q4{right:6%;bottom:4%;rotate:-2deg;animation-delay:2.2s;animation-duration:5.2s}
.diag-pe{position:relative;font-size:13px;font-weight:700;color:var(--fg-2);margin-top:24px}

@keyframes flutua{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes anel{0%{scale:1;opacity:0.75}100%{scale:1.6;opacity:0}}
@keyframes gira{to{rotate:360deg}}

/* ===== PROJETOS ===== */
.cabeca{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;flex-wrap:wrap}
.cabeca h2{font-size:clamp(34px,4.8vw,68px);color:var(--navy)}
.link-seta{display:inline-flex;align-items:center;gap:12px;color:var(--navy);font-size:15px;font-weight:800}
.link-seta span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--navy);transition:background var(--dur) var(--ease)}
.link-seta:hover{color:var(--navy)}
.link-seta:hover span{background:var(--yellow);border-color:var(--yellow)}
.galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.cartao-foto{position:relative;display:block;margin:0;height:540px;border-radius:30px;overflow:hidden;background:var(--surface)}
.cartao-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:scale 1.4s var(--ease)}
.cartao-foto:hover img{scale:1.06}
.etiqueta{position:absolute;left:20px;bottom:20px;background:var(--white);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:800;color:var(--ink)}
.cartao-foto .bolha{position:absolute;right:20px;bottom:20px;width:46px;height:46px;transition:background var(--dur) var(--ease)}
.cartao-foto:hover .bolha{background:var(--yellow)}

/* ===== A INTERSOLIS ===== */
.sobre{background:var(--navy);color:var(--white)}
.sobre-grade{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:96px;align-items:center}
.sobre h2{font-size:clamp(34px,4.2vw,60px);color:var(--white)}
.sobre p{color:var(--fg-on-dark);max-width:56ch}
.sobre .eyb{color:var(--yellow)}
.sobre-foto{position:relative;margin-top:-140px}
.sobre-foto img{width:100%;height:660px;object-fit:cover;object-position:center 30%;border-radius:30px;display:block;box-shadow:0 40px 90px rgba(4,41,64,0.4)}
.etiqueta-amarela{position:absolute;left:20px;bottom:20px;background:var(--yellow);border-radius:999px;padding:12px 20px;font-size:14px;font-weight:800;color:var(--ink)}
.link-claro{display:inline-flex;align-items:center;gap:12px;color:var(--white);font-size:15px;font-weight:800}
.link-claro span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.5);transition:background var(--dur) var(--ease)}
.link-claro:hover{color:var(--white)}
.link-claro:hover span{background:var(--yellow);border-color:var(--yellow)}
.link-claro:hover span svg{stroke:var(--ink)}

/* ===== DEPOIMENTOS ===== */
.depo-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px}
.depo{display:flex;flex-direction:column;gap:20px;padding:0 40px}
.depo:first-child{padding-left:0}
.depo:last-child{padding-right:0}
.depo+.depo{border-left:1px solid var(--border)}
.aspas{font-size:72px;color:var(--yellow);line-height:0.6;margin-top:16px}
.depo blockquote{margin:0;font-size:17px;line-height:1.65;font-weight:500;color:var(--ink);flex-grow:1}
.depo cite{display:block;font-style:normal;font-size:15px;font-weight:800;color:var(--ink)}
.depo cite small{display:block;font-size:13px;font-weight:600;color:var(--fg-2);margin-top:2px}

/* ===== CTA FINAL ===== */
.cta{background:var(--yellow);color:var(--ink)}
.cta-grade{display:flex;align-items:flex-end;justify-content:space-between;gap:36px 80px;flex-wrap:wrap}
.cta h2{font-size:clamp(36px,5vw,80px);color:var(--ink)}
.cta p{font-size:18px;line-height:1.6;font-weight:600;color:rgba(4,41,64,0.78);max-width:56ch;margin-top:24px}
.cta-acoes{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.seta-escura{background:var(--ink)}
.btn-cta-vazado{border-color:rgba(4,41,64,0.4);color:var(--ink)}
.btn-cta-vazado:hover{background:rgba(4,41,64,0.08);color:var(--ink)}

/* ===== RODAPE ===== */
.rodape{background:var(--ink);color:var(--white);padding:0 var(--pad) 40px}
.faixa-parceiro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,0.12);flex-wrap:wrap}
.faixa-parceiro p{font-size:16px;font-weight:700;color:var(--white)}
.rodape-grade{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:48px;padding-top:72px}
.rodape img{height:30px;width:auto;display:block}
.rodape h2{font-size:12px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;color:var(--yellow)}
.rodape ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.rodape ul a{font-size:15px;font-weight:600;color:var(--white)}
.rodape ul a:hover{color:var(--yellow)}
.rodape ul .pausado{color:var(--fg-3);font-weight:600}
.rodape ul .pausado::after{content:" (em breve)";font-weight:600;opacity:0.75}
.rodape .sobre-txt{font-size:15px;line-height:1.65;color:var(--fg-3);margin-top:22px;max-width:34ch}
.tel{font-size:16px;font-weight:800;color:var(--white)}
.endereco{font-size:15px;line-height:1.6;color:var(--fg-3);margin-top:11px}
.rodape-pe{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);flex-wrap:wrap}
.rodape-pe,.rodape-pe a{font-size:13px;font-weight:600;color:var(--fg-3)}
.rodape-pe nav{display:flex;gap:22px}
.rodape-pe .pausado{color:var(--fg-3);opacity:0.85}
.rodape-pe .pausado::after{content:" (em breve)";font-size:12px}

/* ===== RESPONSIVO ===== */
@media (max-width:1180px){
  :root{--pad:40px}
  .duas,.sobre-grade{grid-template-columns:1fr;gap:48px}
  .hero-pe{grid-template-columns:1fr;gap:32px}
  .cta-grade{flex-direction:column;align-items:flex-start}
  .sobre-foto{margin-top:0}
  .sobre-foto img{height:460px}
  .numeros{gap:32px;padding:32px 40px 36px}
}
@media (max-width:960px){
  .sec{padding:88px var(--pad)}
  .menu{display:none}
  .hamburguer{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.24);cursor:pointer}
  .topo-acoes .btn{display:none}
  #nav{display:block;position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
  #nav:checked ~ .painel{display:flex}
  .painel{position:fixed;inset:0;z-index:60;background:var(--ink);flex-direction:column;justify-content:center;gap:8px;padding:40px}
  .painel a{font-family:'Archivo',sans-serif;font-weight:900;text-transform:uppercase;font-size:30px;color:var(--white);padding:10px 0}
  .painel .btn{font-family:'Nunito Sans',sans-serif;text-transform:none;font-size:16px;margin-top:24px;align-self:flex-start}
  .fechar{position:absolute;top:26px;right:40px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,0.3);cursor:pointer}
  .numeros{margin:0 calc(var(--pad) * -1);align-self:stretch;justify-content:space-between;padding:28px var(--pad) 32px}
  .galeria{grid-template-columns:1fr}
  .cartao-foto{height:380px}
  .depo-grade{grid-template-columns:1fr;gap:40px}
  .depo{padding:0}
  .depo+.depo{border-left:0;border-top:1px solid var(--border);padding-top:32px}
  .rodape-grade{grid-template-columns:1fr 1fr;gap:40px}
  .pergunta{display:none}
  .q1,.q3{display:flex;position:static;rotate:0deg;margin:8px}
}
@media (max-width:620px){
  :root{--pad:20px}
  .sec{padding:72px var(--pad)}
  .hero{padding-top:120px}
  .hero-corpo{gap:26px;padding-bottom:40px}
  .numeros{flex-wrap:wrap;gap:24px}
  .numeros > div{min-width:calc(50% - 12px)}
  .item{grid-template-columns:36px minmax(0,1fr) 44px;gap:12px}
  .item p{display:none}
  .bolha{width:44px;height:44px}
  .rodape-grade{grid-template-columns:1fr}
  .cta-acoes{align-items:stretch;width:100%}
  .btn,.par{width:100%}
  .par .btn{flex:1}
  .orbita{width:260px;height:260px}
  .comecar{width:150px;height:150px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .n-usinas::before{content:"+1.500" / ""}
  .n-nota::before{content:"5,0" / ""}
  .n-estados::before{content:"4" / ""}
}

/* ============================================================
   PAGINAS DE SOLUCAO
   Mesmo hero da home, com trilha de navegacao e selo da vertical.
   ============================================================ */
.trilha{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:rgba(255,255,255,0.72);position:relative;z-index:2}
.trilha a{color:rgba(255,255,255,0.72)}
.trilha a:hover{color:var(--white)}
.trilha b{color:var(--white);font-weight:700}

/* lista numerada sobre fundo azul, usada como "como funciona" */
.passo{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:20px;padding:32px 0;border-top:1px solid rgba(255,255,255,0.32)}
.passo:last-child{border-bottom:1px solid rgba(255,255,255,0.32)}
.passo .ord{font-size:20px;color:var(--yellow);margin-top:6px}
.passo h3{font-size:clamp(22px,2.2vw,30px);font-weight:800;letter-spacing:-0.02em;color:var(--white)}
.passo p{font-size:15px;line-height:1.55;font-weight:500;color:rgba(255,255,255,0.92);margin-top:8px;max-width:62ch}

/* cartoes claros sobre fundo azul-claro */
.claro{background:var(--blue-100)}
.cartoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.cartoes.duas{grid-template-columns:repeat(2,minmax(0,1fr))}
.cartao{display:flex;flex-direction:column;gap:16px;background:var(--white);border-radius:30px;padding:40px 36px}
.cartao .icone{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--yellow);flex-shrink:0}
.cartao h3{font-size:clamp(20px,2vw,26px);font-weight:800;color:var(--ink);letter-spacing:-0.02em}
.cartao p{font-size:15px;line-height:1.6;font-weight:500;color:var(--fg-2)}

/* lista de beneficios sobre fundo navy */
.beneficios{display:flex;flex-direction:column;margin-top:40px}
.beneficio{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-top:1px solid rgba(255,255,255,0.18)}
.beneficio:last-child{border-bottom:1px solid rgba(255,255,255,0.18)}
.beneficio i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);flex-shrink:0;margin-top:2px}
.beneficio b{display:block;font-size:20px;font-weight:800;color:var(--white);letter-spacing:-0.01em}
.beneficio span{display:block;font-size:15px;line-height:1.6;font-weight:500;color:var(--fg-on-dark);margin-top:4px}

/* perguntas frequentes */
.faq{display:flex;flex-direction:column}
.faq details{padding:28px 0;border-top:1px solid var(--border)}
.faq details:last-of-type{border-bottom:1px solid var(--border)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-size:clamp(18px,2vw,22px);font-weight:800;color:var(--ink);letter-spacing:-0.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.faq details[open] summary i{background:var(--yellow);border-color:var(--yellow)}
.faq details[open] summary i .mais{display:none}
.faq summary i .menos{display:none}
.faq details[open] summary i .menos{display:block}
.faq p{font-size:16px;line-height:1.65;font-weight:500;color:var(--fg-2);margin-top:14px;max-width:68ch}

/* faixa de outras solucoes */
.outras{display:flex;flex-direction:column}
.outra{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-top:1px solid var(--border)}
.outra:last-child{border-bottom:1px solid var(--border)}
.outra h3{font-size:clamp(20px,2vw,24px);font-weight:800;color:var(--ink);letter-spacing:-0.02em}
.outra p{font-size:15px;line-height:1.55;font-weight:500;color:var(--fg-2);margin-top:4px}
.outra .bolha{width:48px;height:48px;background:transparent;border:1.5px solid var(--navy)}
.outra:hover .bolha{background:var(--yellow);border-color:var(--yellow)}
.outra-pausada h3{color:var(--fg-2)}
.outra-pausada .bolha{border-color:var(--border)}
.outra-pausada:hover .bolha{background:transparent;border-color:var(--border)}

/* selo Em breve em fundo claro */
.selo-claro{display:inline-block;font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--fg-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 11px;vertical-align:middle;margin-left:12px}

@media (max-width:960px){
  .cartoes,.cartoes.duas{grid-template-columns:1fr}
  .passo{grid-template-columns:44px minmax(0,1fr);gap:14px}
}

/* ============================================================
   PAGINAS DE TEXTO, privacidade e termos
   ============================================================ */
.doc-topo{background:var(--ink);padding:0 var(--pad) 72px}
.doc-topo .topo{position:relative;height:100px}
.doc-cabeca{max-width:760px;margin:40px auto 0}
.doc-cabeca h1{font-size:clamp(34px,5vw,64px);color:var(--white)}
.doc-cabeca p{font-size:16px;line-height:1.6;font-weight:500;color:var(--fg-on-dark);margin-top:18px}
.doc{max-width:760px;margin:0 auto;padding:72px var(--pad) 96px}
.doc h2{font-size:clamp(22px,2.4vw,28px);color:var(--navy);margin-top:48px;letter-spacing:-0.02em}
.doc h2:first-of-type{margin-top:0}
.doc h3{font-size:18px;font-weight:800;color:var(--ink);margin-top:26px}
.doc p{font-size:16px;line-height:1.7;color:var(--fg-2);margin-top:14px}
.doc ul{margin:14px 0 0;padding-left:22px}
.doc li{font-size:16px;line-height:1.7;color:var(--fg-2);margin-top:8px}
.doc strong{color:var(--ink);font-weight:800}
.doc .quadro{background:var(--surface);border-radius:22px;padding:30px 32px;margin-top:20px}
.doc .quadro p{margin-top:8px}
.doc .quadro p:first-child{margin-top:0}
.doc .atualizado{font-size:14px;font-weight:700;color:var(--fg-2);margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}