/* =============================================================
   AutomaFiscal — sistema visual v2
   -------------------------------------------------------------
   O que mudou em relação à v1, e por quê:
   A v1 era chapada de propósito (raio 4px, sem sombra, faixas de cor única).
   Ficou correta e sem vida. A v2 trabalha em CAMADAS:
     1. fundo da página em verde profundo
     2. painéis arredondados flutuando sobre ele (claros e escuros alternados)
     3. cartões dentro dos painéis, com sombra
     4. pessoas recortadas e chips de interface por cima de tudo
   Mantém da v1: a paleta da marca, Manrope + IBM Plex, o contraste de peso
   no título e o número em monoespaçada.
   ============================================================= */

:root{
  /* --- cor --- */
  --fundo:#041512;          /* a página por trás dos painéis */
  --painel-escuro:#082520;
  --painel-claro:#F3F7F5;
  --cartao:#FFFFFF;
  --cartao-escuro:#0D302A;
  --tinta:#0A2724;
  --apoio:#4E625A;
  --verde:#0E7F63;
  --verde-vivo:#13A07C;
  --verde-texto:#0A5C48;
  --menta:#7FD8BC;
  --menta-clara:#C9F0E3;
  --sobre-escuro:#E7F0EC;
  --apoio-escuro:#A3B9B1;
  --ambar:#8A5E0A;
  --coral:#A32E2E;
  --filete:rgba(10,39,36,.10);
  --filete-escuro:rgba(231,240,236,.12);

  /* --- tipo --- */
  --display:"Manrope",system-ui,-apple-system,Segoe UI,sans-serif;
  --corpo:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --t-mega:clamp(42px,6.8vw,80px);
  --t-xl:clamp(30px,4vw,48px);
  --t-lg:22px; --t-md:17px; --t-sm:15px; --t-xs:13px;

  /* --- forma e profundidade --- */
  --r-sm:10px; --r-md:20px; --r-lg:32px; --r-xl:44px; --r-pill:999px;
  --sombra-cartao:0 1px 2px rgba(4,21,18,.06),0 18px 40px -18px rgba(4,21,18,.28);
  --sombra-flutua:0 30px 70px -24px rgba(0,0,0,.55);
  --sombra-chip:0 12px 30px -10px rgba(0,0,0,.45);
  --brilho:radial-gradient(closest-side,rgba(19,160,124,.55),rgba(19,160,124,0));

  /* --- espaço --- */
  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e6:24px; --e8:32px; --e12:48px; --e16:64px; --e24:96px;
  --largura:1180px;
  --m-in:140ms; --m-out:220ms; --m-ease:cubic-bezier(.2,.8,.2,1);
}
/* o site é escuro por natureza (como as referências): não inverte no tema claro */
:root{color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html.js-motion{scroll-behavior:auto}
body{margin:0;background:var(--fundo);color:var(--sobre-escuro);
  font-family:var(--corpo);font-size:var(--t-md);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--menta);outline-offset:3px}
#smooth-wrapper{overflow:hidden}

/* ================= estrutura em painéis ================= */
.pagina{padding:var(--e3) max(var(--e3),env(safe-area-inset-left,0px)) var(--e3) max(var(--e3),env(safe-area-inset-right,0px));
  display:flex;flex-direction:column;gap:var(--e3)}
@media (min-width:900px){.pagina{padding:var(--e4);gap:var(--e4)}}
.painel{position:relative;overflow:hidden;border-radius:var(--r-lg)}
@media (min-width:900px){.painel{border-radius:var(--r-xl)}}
.painel.escuro{background:var(--painel-escuro);color:var(--sobre-escuro)}
.painel.claro{background:var(--painel-claro);color:var(--tinta)}
.painel.verde{background:linear-gradient(160deg,#0E7F63 0%,#0A5C48 100%);color:#fff}
.dentro{position:relative;z-index:2;max-width:var(--largura);margin:0 auto;padding-inline:var(--e6)}
@media (min-width:900px){.dentro{padding-inline:var(--e12)}}
.respiro{padding-block:var(--e16)}
@media (min-width:900px){.respiro{padding-block:var(--e24)}}

/* brilho de fundo: luz verde atrás de pessoas e cartões */
.brilho{position:absolute;pointer-events:none;z-index:0;background:var(--brilho);filter:blur(10px)}

/* ================= tipografia ================= */
.sobrancelha{display:inline-flex;align-items:center;gap:var(--e2);margin:0 0 var(--e4);
  padding:var(--e1) var(--e3) var(--e1) var(--e1);border-radius:var(--r-pill);
  font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;
  background:rgba(127,216,188,.12);color:var(--menta)}
.sobrancelha::before{content:"";width:22px;height:22px;border-radius:50%;flex:none;
  background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.painel.claro .sobrancelha{background:rgba(14,127,99,.10);color:var(--verde-texto)}

.titulo{font-family:var(--display);font-weight:300;font-size:var(--t-mega);line-height:1.02;
  letter-spacing:-.035em;margin:0;text-wrap:balance}
h2.titulo{font-size:var(--t-xl);line-height:1.06}
.titulo .forte{font-weight:800}
/* palavra destacada com bloco de cor, como nas referências */
.destaque{font-weight:800;padding:0 .14em;border-radius:.18em;
  background:var(--menta);color:var(--fundo);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.painel.claro .destaque{background:var(--verde);color:#fff}
.verde-txt{color:var(--menta)}
.painel.claro .verde-txt{color:var(--verde-texto)}
h3{font-family:var(--display);font-weight:800;font-size:var(--t-lg);margin:0 0 var(--e2);letter-spacing:-.015em;line-height:1.2}
p{margin:0 0 var(--e4)}
.lide{font-size:clamp(17px,1.6vw,20px);line-height:1.55;max-width:52ch;color:var(--apoio-escuro)}
.painel.claro .lide{color:var(--apoio)}
.sub{font-size:var(--t-sm);color:var(--apoio-escuro)}
.painel.claro .sub{color:var(--apoio)}
.mono{font-family:var(--mono)}

/* ================= ações ================= */
.acoes{display:flex;flex-wrap:wrap;gap:var(--e3);align-items:center}
.btn,.btn-fantasma{display:inline-flex;align-items:center;gap:var(--e3);min-height:52px;
  padding:var(--e1) var(--e1) var(--e1) var(--e6);border-radius:var(--r-pill);border:1px solid transparent;
  font-family:var(--corpo);font-weight:600;font-size:var(--t-md);text-decoration:none;cursor:pointer;
  transition:transform var(--m-out) var(--m-ease),background var(--m-out) var(--m-ease),box-shadow var(--m-out) var(--m-ease)}
.btn{background:var(--menta);color:var(--fundo);box-shadow:0 10px 30px -10px rgba(127,216,188,.6)}
.btn .seta,.btn-fantasma .seta{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}
.btn .seta{background:var(--fundo);color:var(--menta)}
.btn-fantasma{color:inherit;border-color:rgba(231,240,236,.24);padding-right:var(--e6)}
.painel.claro .btn{background:var(--verde);color:#fff;box-shadow:0 10px 30px -12px rgba(14,127,99,.7)}
.painel.claro .btn .seta{background:#fff;color:var(--verde)}
.painel.claro .btn-fantasma{border-color:var(--filete);color:var(--tinta)}
.seta svg{width:18px;height:18px;transition:transform var(--m-out) var(--m-ease)}
@media (hover:hover) and (pointer:fine){
  .btn:hover,.btn-fantasma:hover{transform:translateY(-2px)}
  .btn:hover .seta svg{transform:translateX(3px)}
  .btn-fantasma:hover{background:rgba(231,240,236,.06)}
}
.btn:active,.btn-fantasma:active{transform:translateY(1px) scale(.985)}

/* ================= navegação em pílula ================= */
.nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--e4);
  margin:var(--e4) auto 0;max-width:var(--largura);padding:var(--e2) var(--e2) var(--e2) var(--e6);
  border-radius:var(--r-pill);background:rgba(4,21,18,.55);border:1px solid var(--filete-escuro);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.logo{display:inline-flex;align-items:center;gap:var(--e2);text-decoration:none;color:#fff}
.logo svg{width:30px;height:30px;color:var(--menta)}
.logo b{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.02em}
.nav ul{display:none;list-style:none;margin:0;padding:0;gap:var(--e1)}
@media (min-width:860px){.nav ul{display:flex}}
.nav ul a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--e4);border-radius:var(--r-pill);
  text-decoration:none;font-size:var(--t-sm);color:var(--apoio-escuro);transition:color var(--m-out),background var(--m-out)}
.nav ul a:hover{color:#fff;background:rgba(231,240,236,.06)}
.nav .btn{min-height:44px;font-size:var(--t-sm);padding-left:var(--e4)}
.nav .btn .seta{width:36px;height:36px}

/* ================= topo ================= */
.topo{border-bottom-left-radius:var(--r-xl);border-bottom-right-radius:var(--r-xl);
  background:
    radial-gradient(1200px 600px at 85% 20%,rgba(19,160,124,.22),transparent 60%),
    linear-gradient(180deg,#0A2B25 0%,var(--painel-escuro) 100%)}
.topo-grade{display:grid;gap:var(--e8);align-items:end;padding-top:var(--e12)}
@media (min-width:960px){.topo-grade{grid-template-columns:1.05fr .95fr;gap:var(--e8);padding-top:var(--e16)}}
.topo-texto{padding-bottom:var(--e12)}
@media (min-width:960px){.topo-texto{padding-bottom:var(--e24)}}
.topo .lide{margin-top:var(--e6)}
.topo .acoes{margin-top:var(--e8)}
.prova{display:flex;flex-wrap:wrap;gap:var(--e2) var(--e4);margin-top:var(--e8);list-style:none;padding:0}
.prova li{display:inline-flex;align-items:center;gap:var(--e2);font-size:var(--t-sm);color:var(--apoio-escuro)}
.prova li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--menta);box-shadow:0 0 0 4px rgba(127,216,188,.15)}

/* a cena: arco, brilho, pessoa e chips */
.cena{position:relative;min-height:440px;display:flex;align-items:flex-end;justify-content:center}
@media (min-width:960px){.cena{min-height:620px}}
.cena .arco-fundo{position:absolute;bottom:-12%;left:50%;width:min(118%,640px);transform:translateX(-46%);
  color:var(--verde);opacity:.95;z-index:0}
.cena .brilho{width:520px;height:520px;left:50%;top:18%;transform:translateX(-50%)}
.cena .pessoa{position:relative;z-index:2;width:min(92%,470px);filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:var(--e3);
  padding:var(--e3) var(--e4);border-radius:var(--r-md);background:rgba(255,255,255,.96);color:var(--tinta);
  box-shadow:var(--sombra-chip);font-size:var(--t-sm);line-height:1.3;max-width:240px}
.chip b{display:block;font-family:var(--display);font-weight:800;font-size:16px}
.chip small{display:block;font-size:13px;color:var(--apoio)}
.chip .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--menta-clara);color:var(--verde-texto)}
.chip .ic svg{width:20px;height:20px}
.chip.c1{left:0;top:16%}
.chip.c2{right:0;top:44%}
.chip.c3{left:4%;bottom:12%}
@media (max-width:959px){
  .chip{font-size:13px;padding:var(--e2) var(--e3);max-width:200px}
  .chip .ic{width:32px;height:32px}
  .chip.c1{left:0;top:6%} .chip.c2{right:0;top:38%} .chip.c3{left:0;bottom:8%}
}

/* faixa de números sobreposta ao fim do topo */
.numeros{position:relative;z-index:4;margin-top:calc(var(--e12) * -1);padding-inline:var(--e3)}
.numeros ul{list-style:none;margin:0 auto;padding:var(--e4);max-width:980px;display:grid;gap:var(--e3);
  grid-template-columns:1fr;border-radius:var(--r-lg);
  background:rgba(13,48,42,.82);border:1px solid var(--filete-escuro);box-shadow:var(--sombra-flutua);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media (min-width:720px){.numeros ul{grid-template-columns:repeat(3,1fr);padding:var(--e6)}}
.numeros li{text-align:center;padding:var(--e4) var(--e2);border-radius:var(--r-md)}
@media (min-width:720px){.numeros li + li{border-left:1px solid var(--filete-escuro)}}
.numeros b{display:block;font-family:var(--mono);font-weight:400;font-size:clamp(36px,4.8vw,52px);
  line-height:1;letter-spacing:-.03em;color:var(--menta);font-variant-numeric:tabular-nums}
.numeros span{display:block;margin-top:var(--e3);font-size:var(--t-sm);color:var(--apoio-escuro)}

/* ================= grades de cartões ================= */
.cabeca{display:grid;gap:var(--e6);margin-bottom:var(--e12)}
@media (min-width:900px){.cabeca{grid-template-columns:1.1fr .9fr;align-items:end}}
.cabeca .lide{margin:0}
.grade{display:grid;gap:var(--e4)}
@media (min-width:900px){.grade{gap:var(--e6)}}
@media (min-width:900px){.grade.dois{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.grade.mosaico{grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto}}
.cartao{background:var(--cartao);border-radius:var(--r-md);padding:var(--e8);box-shadow:var(--sombra-cartao);
  color:var(--tinta);min-width:0;transition:transform var(--m-out) var(--m-ease),box-shadow var(--m-out) var(--m-ease)}
.painel.escuro .cartao{background:var(--cartao-escuro);color:var(--sobre-escuro);box-shadow:none;border:1px solid var(--filete-escuro)}
.cartao p{margin:0;color:var(--apoio);line-height:1.6}
.painel.escuro .cartao p{color:var(--apoio-escuro)}
.cartao .icone{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:var(--e6);
  background:var(--menta-clara);color:var(--verde-texto)}
.cartao .icone svg{width:26px;height:26px}
.painel.escuro .cartao .icone{background:rgba(127,216,188,.14);color:var(--menta)}
@media (hover:hover) and (pointer:fine){
  .cartao:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(4,21,18,.06),0 28px 50px -20px rgba(4,21,18,.36)}
}
.cartao.imagem{padding:0;overflow:hidden;background:#0B1513}
.cartao.imagem img{width:100%}
.cartao.imagem figcaption{padding:var(--e4) var(--e6);font-size:var(--t-sm);color:var(--apoio-escuro);border-top:1px solid var(--filete-escuro)}
.mosaico .alto{grid-row:span 2}

/* ================= API e MCP ================= */
.integra{display:grid;gap:var(--e8);align-items:start}
@media (min-width:1000px){.integra{grid-template-columns:1fr 1fr;gap:var(--e12)}}
.codigo{background:#03100E;border:1px solid var(--filete-escuro);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sombra-flutua)}
.codigo .barra{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);padding:var(--e3) var(--e4);
  border-bottom:1px solid var(--filete-escuro);font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--apoio-escuro)}
.codigo .pontos{display:flex;gap:6px}
.codigo .pontos i{width:10px;height:10px;border-radius:50%;background:#1E3A34}
.codigo pre{margin:0;padding:var(--e6) var(--e4);overflow-x:auto;font-family:var(--mono);font-size:14px;line-height:1.7;color:#CFE2DB}
.codigo .c{color:#5F7F75} .codigo .v{color:var(--menta)} .codigo .k{color:#9FC2B6}
.conversa{display:flex;flex-direction:column;gap:var(--e3)}
.fala{max-width:88%;border-radius:var(--r-md);padding:var(--e3) var(--e4);font-size:var(--t-md);line-height:1.5}
.fala small{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--e1);opacity:.75}
.fala.pessoa{align-self:flex-end;background:var(--menta);color:var(--fundo);border-bottom-right-radius:6px}
.fala.ia{align-self:flex-start;background:var(--cartao-escuro);border:1px solid var(--filete-escuro);border-bottom-left-radius:6px}
.trava{display:flex;gap:var(--e4);align-items:flex-start;margin-top:var(--e6);padding:var(--e6);border-radius:var(--r-md);
  background:linear-gradient(135deg,rgba(224,178,97,.14),rgba(224,178,97,.04));border:1px solid rgba(224,178,97,.35)}
.trava .ic{width:44px;height:44px;border-radius:14px;flex:none;display:grid;place-items:center;background:rgba(224,178,97,.2);color:#E0B261}
.trava b{color:#F2CF8E}
.trava p{margin:0;color:var(--sobre-escuro)}
.trava code{font-family:var(--mono);background:rgba(224,178,97,.16);padding:.05em .35em;border-radius:6px;color:#F2CF8E}
.recorte-lado{position:absolute;right:-2%;bottom:0;width:min(34%,380px);z-index:1;opacity:.95;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
@media (max-width:999px){.recorte-lado{display:none}}

/* ================= oferta ================= */
.oferta-grade{display:grid;gap:var(--e6);align-items:stretch}
@media (min-width:960px){.oferta-grade{grid-template-columns:1fr 1fr;gap:var(--e8)}}
.oferta{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:var(--e8);color:#fff;
  background:radial-gradient(500px 300px at 100% 0%,rgba(127,216,188,.35),transparent 60%),linear-gradient(160deg,#0E7F63,#0A4A3B);
  box-shadow:0 40px 80px -30px rgba(14,127,99,.6)}
@media (min-width:960px){.oferta{padding:var(--e12)}}
.etiqueta{display:inline-flex;align-items:center;gap:var(--e2);padding:var(--e2) var(--e4);border-radius:var(--r-pill);
  background:rgba(255,255,255,.16);font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.etiqueta i{width:8px;height:8px;border-radius:50%;background:var(--menta);box-shadow:0 0 0 4px rgba(127,216,188,.25)}
.preco{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--e2) var(--e3);margin:var(--e6) 0 var(--e2)}
.preco b{font-family:var(--display);font-weight:800;font-size:clamp(52px,7vw,76px);line-height:.95;letter-spacing:-.04em}
.preco span{font-size:var(--t-md);opacity:.85}
.riscado{text-decoration:line-through;opacity:.7}
.oferta .lista{list-style:none;margin:var(--e6) 0;padding:0;display:grid;gap:var(--e3)}
.oferta .lista li{display:flex;gap:var(--e3);align-items:flex-start}
.oferta .lista li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;margin-top:2px;
  background:rgba(255,255,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.oferta .letras{font-size:var(--t-sm);opacity:.82;margin:0 0 var(--e6)}
.oferta .btn{background:#fff;color:var(--verde-texto)}
.oferta .btn .seta{background:var(--verde);color:#fff}
.planos{background:var(--cartao);color:var(--tinta);border-radius:var(--r-lg);padding:var(--e8);box-shadow:var(--sombra-cartao)}
.planos table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:var(--e4)}
.planos th,.planos td{text-align:left;padding:var(--e4) var(--e2);border-bottom:1px solid var(--filete)}
.planos th{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--apoio)}
.planos td:first-child{font-family:var(--display);font-weight:800}
.planos tbody tr:last-child td{border-bottom:0}
.planos tbody tr{transition:background var(--m-out)}
.planos tbody tr:hover{background:var(--painel-claro)}

/* ================= parceria do contador ================= */
.parceria{display:grid;gap:var(--e8);align-items:center}
@media (min-width:960px){.parceria{grid-template-columns:.95fr 1.05fr;gap:var(--e12)}}
.parceria .cena{min-height:420px}
@media (min-width:960px){.parceria .cena{min-height:540px}}
.vinte{display:inline-flex;align-items:baseline;gap:var(--e2);margin:var(--e6) 0;padding:var(--e4) var(--e6);
  border-radius:var(--r-md);background:var(--cartao);box-shadow:var(--sombra-cartao)}
.vinte b{font-family:var(--display);font-weight:800;font-size:56px;line-height:1;color:var(--verde);letter-spacing:-.04em}
.vinte span{font-size:var(--t-sm);color:var(--apoio);max-width:18ch;line-height:1.35}
.marcada{list-style:none;margin:0;padding:0;display:grid;gap:var(--e3)}
.marcada li{display:flex;gap:var(--e3);align-items:flex-start}
.marcada li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;margin-top:2px;
  background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.negada{list-style:none;margin:0;padding:0;display:grid;gap:var(--e3)}
.negada li{display:flex;gap:var(--e3);align-items:flex-start}
.negada li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;margin-top:2px;
  background:#F7E4E4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%23A32E2E' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}

/* ================= perguntas ================= */
details{background:var(--cartao);border-radius:var(--r-md);box-shadow:var(--sombra-cartao);margin-bottom:var(--e3);color:var(--tinta)}
summary{display:flex;align-items:center;justify-content:space-between;gap:var(--e4);min-height:64px;
  padding:var(--e4) var(--e6);cursor:pointer;list-style:none;font-family:var(--display);font-weight:800;font-size:19px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:34px;height:34px;flex:none;border-radius:50%;
  background:var(--painel-claro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' fill='none' stroke='%230A5C48' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:transform var(--m-out) var(--m-ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0;padding:0 var(--e6) var(--e6);color:var(--apoio);max-width:66ch}

/* ================= rodapé em bloco ================= */
.rodape{padding:var(--e12) 0}
.rodape .dentro{display:grid;gap:var(--e8)}
@media (min-width:860px){.rodape .dentro{grid-template-columns:1.4fr 1fr 1fr}}
.rodape h4{margin:0 0 var(--e3);font-family:var(--display);font-weight:800;font-size:16px}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--e2)}
.rodape a{text-decoration:none;opacity:.88}
.rodape a:hover{opacity:1;text-decoration:underline}
.rodape .base{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e4);
  padding-top:var(--e6);border-top:1px solid rgba(255,255,255,.18);font-size:var(--t-sm);opacity:.9}
.rodape .doisr{display:inline-flex;align-items:center;gap:var(--e2)}
.rodape .doisr img{height:20px;width:auto}

/* ================= movimento ================= */
.js-motion [data-entra]:not([data-grupo]){opacity:0;transform:translateY(28px)}
.js-motion [data-entra][data-grupo] > *{opacity:0;transform:translateY(28px)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js-motion [data-entra],.js-motion [data-entra][data-grupo] > *{opacity:1!important;transform:none!important}
  *{transition:none!important}
}

/* ===== palco da planilha (cartão escuro do mosaico) ===== */
.palco{position:relative;aspect-ratio:560/380}
.palco>svg{position:absolute;inset:0;width:100%;height:100%}
.marca-grande{color:#7FD8BC}

/* ===== ajustes de celular (revisão 390px) ===== */
.integra>*{min-width:0}
@media (max-width:719px){
  .chip.c2{display:none}
  .chip.c1{left:0;top:auto;bottom:34%}
  .chip.c3{left:auto;right:0;bottom:8%}
  .numeros ul{grid-template-columns:repeat(3,1fr);gap:0;padding:var(--e3) var(--e2)}
  .numeros li{padding:var(--e3) var(--e1,4px)}
  .numeros li + li{border-left:1px solid var(--filete-escuro)}
  .numeros b{font-size:28px}
  .numeros span{font-size:13px;margin-top:var(--e2)}
  .sobrancelha{font-size:12px}
}