/* onLUME · home v21 (prévia em /v21/).
   Oito seções, cada ideia dita uma vez. Identidade mantida: verde, ouro, creme,
   Cormorant Garamond + Montserrat. Escala de espaço em múltiplos de 8 px.
   A engrenagem do hero reaproveita as imagens e a geometria medida das versões
   v16.2 / v18.5.8 / v18.5.12; a tecla power vem de onlume-hero-power-v20-9.css,
   carregado depois deste arquivo.

   Temas (v21.1): toda cor sai de uma variável. :root = tema claro (o visual
   original da prévia). Tema escuro: verde quase preto, texto creme, ouro como
   acento; vale por preferência do sistema (sem data-theme="light") ou por
   data-theme="dark" no <html>, gravado pelo botão do cabeçalho.
   Cabeçalho, abertura e rodapé são escuros nos dois temas (tokens --cromo-*).
   Contrastes conferidos por script (WCAG 2.1 AA): texto >= 4,5:1, texto
   grande e bordas de controles >= 3:1. Ver STATUS_ATUAL.md. */

:root{
  color-scheme:light;
  /* Marca (fixas) */
  --verde-900:#0E2A20;
  --verde-700:#1F4D3A;
  --ouro:#C9A646;
  --ouro-claro:#E6CF86;

  /* Superfícies e texto do conteúdo */
  --fundo:#F7F3EC;            /* creme */
  --superficie:#FFFDF8;       /* papel */
  --superficie-2:#F7F3EC;     /* boletim, estado do envio */
  --tinta:#14211B;
  --tinta-2:#4A5650;
  --linha:#DDD5C6;            /* divisórias decorativas */
  --linha-forte:#1F4D3A;      /* fios de destaque */
  --acento:#1F4D3A;           /* links, termos, marcadores */
  --acento-sub:rgba(31,77,58,.35);
  --numero:#7D6420;           /* numeração do método */
  --foco:#1F4D3A;
  --cartao-sombra:0 1px 0 rgba(20,33,27,.04);

  /* Botão sólido de conteúdo (Acessar Área, Assinar) */
  --btn-solido-bg:#1F4D3A;
  --btn-solido-tx:#FFFFFF;
  --btn-solido-hover:#0E2A20;
  /* Botão ouro (todos os contextos) */
  --btn-ouro-bg:#C9A646;
  --btn-ouro-tx:#0E2A20;
  --btn-ouro-hover:#E6CF86;

  /* Formulário */
  --campo-bg:#FFFFFF;
  --campo-borda:#857B6B;      /* >= 3:1 sobre o campo e o papel */
  --campo-tx:#14211B;
  --campo-placeholder:#6B6458;
  --ok-bg:#EEF5EF;
  --ok-borda:rgba(31,77,58,.4);
  --erro-bg:#FAF0EF;
  --erro-tx:#7A3B3B;
  --erro-borda:#9C514E;
  --trilho:rgba(31,77,58,.1);
  --pular-bg:#FFFDF8;
  --pular-tx:#14211B;

  /* Seção escura do conteúdo (O que você recebe) */
  --escura-bg:#0E2A20;
  --escura-tx:#F4EEDF;
  --escura-tx-2:#C3CEC7;
  --escura-destaque:#E6CF86;
  --escura-borda:transparent;
  --folha-bg:#FFFDF8;
  --folha-tx:#14211B;
  --folha-tx-2:#4A5650;
  --folha-borda:transparent;
  --folha-linha:#DDD5C6;
  --folha-termo:#1F4D3A;

  /* Espaço reservado das capas da Inteligência LUME (imagens pendentes) */
  --capa-bg:#EFE8DA;
  --capa-trama:rgba(31,77,58,.07);
  --capa-anel:rgba(138,111,34,.45);
  --capa-borda:#DDD5C6;

  /* Cromo: cabeçalho, abertura, rodapé (escuros nos dois temas) */
  --topo-bg:rgba(14,42,32,.94);
  --cromo-linha:rgba(230,207,134,.18);
  --cromo-tx:#F4EEDF;
  --cromo-tx-menu:#C9D3CD;
  --cromo-tx-forte:#FFFFFF;
  --cromo-titulo:#FBF7EE;
  --cromo-tx-2:#C3CEC7;
  --cromo-nota:#9FB0A6;
  --cromo-botao-borda:rgba(230,207,134,.45);
  --cromo-botao-hover:rgba(230,207,134,.08);
  --cromo-foco:#E6CF86;
  --cromo-divisoria:rgba(255,255,255,.06);
  --marca-on:#53E766;
  --marca-lume:#F6E8AE;
  --hero-bg:#0E2A20;
  --hero-luz:rgba(31,77,58,.85);
  --rodape-bg:#0E2A20;
  --rodape-tx:#B9C6BE;
  --rodape-tx-2:#93A49A;

  /* Engrenagem (efeitos, iguais nos dois temas) */
  --hero-glow-1:rgba(201,166,70,.2);
  --hero-glow-2:rgba(31,77,58,.2);
  --hero-halo-1:rgba(83,231,113,.13);
  --hero-halo-2:rgba(31,92,61,.23);
  --hero-halo-3:rgba(75,228,108,.055);
  --hero-sombra-1:rgba(0,0,0,.52);
  --hero-sombra-2:rgba(0,0,0,.48);
  --hero-brilho-ouro:rgba(223,174,57,.16);
  --orbita-tx:#F0EAD8;
  --orbita-hover:#FFF0B3;
  --orbita-hover-brilho:rgba(232,199,96,.28);
  --orbita-foco:#EFFFE8;
  --orbita-foco-brilho:rgba(101,255,137,.72);
  --orbita-acesa:#72FF92;
  --orbita-acesa-1:#4DFF76;
  --orbita-acesa-2:rgba(77,255,118,.88);
  --orbita-pulso-1:#5CFF7E;
  --orbita-pulso-2:rgba(77,255,118,.94);
  --orbita-traco:rgba(0,0,0,.001);

  /* Ícone do botão de tema: lua no claro, sol no escuro */
  --icone-lua:block;
  --icone-sol:none;

  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s8:64px;--s10:80px;--s12:96px;--s16:128px;
  --max:1160px;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:Montserrat,Arial,Helvetica,sans-serif;
  --cartao-luz:none;
  --cartao-relevo:var(--cartao-sombra);
  --secao-divisa:transparent;
  --vitrine-borda:var(--linha);
  --vitrine-sombra:0 30px 60px -36px rgba(8,21,16,.45);
  --celular-bg:#0B1A14;
  --celular-borda:#2C4739;
  --celular-sombra:0 30px 50px -24px rgba(8,21,16,.5);
  --raio:6px;
}

/* Tema escuro: mesmos nomes, valores próprios. Duas entradas com o mesmo
   conteúdo — preferência do sistema (sem escolha gravada para claro) e
   escolha explícita pelo botão. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --fundo:#0A1712;
    --superficie:#11271E;
    --superficie-2:#163027;
    --tinta:#F1EBDD;
    --tinta-2:#BCC8C0;
    --linha:#2B463A;
    --linha-forte:#C9A646;
    --acento:#E2C77A;
    --acento-sub:rgba(226,199,122,.45);
    --numero:#D9BC6A;
    --foco:#E6CF86;
    --cartao-sombra:0 1px 0 rgba(0,0,0,.25),0 18px 40px -28px rgba(0,0,0,.6);
    --btn-solido-bg:#F1EBDD;
    --btn-solido-tx:#0E2A20;
    --btn-solido-hover:#FFFFFF;
    --btn-ouro-bg:#C9A646;
    --btn-ouro-tx:#0E2A20;
    --btn-ouro-hover:#E6CF86;
    --campo-bg:#0B1A14;
    --campo-borda:#7E9488;
    --campo-tx:#F1EBDD;
    --campo-placeholder:#93A49A;
    --ok-bg:#12301F;
    --ok-borda:rgba(226,199,122,.4);
    --erro-bg:#2A1615;
    --erro-tx:#F0B4AE;
    --erro-borda:#D9817A;
    --trilho:rgba(241,235,221,.12);
    --pular-bg:#F1EBDD;
    --pular-tx:#0B1A14;
    --escura-bg:#0F271D;
    --escura-tx:#F4EEDF;
    --escura-tx-2:#C3CEC7;
    --escura-destaque:#E6CF86;
    --escura-borda:#2B463A;
    --folha-bg:#0B1A14;
    --folha-tx:#F1EBDD;
    --folha-tx-2:#B5C2B9;
    --folha-borda:#2C4739;
    --folha-linha:#2B463A;
    --folha-termo:#E2C77A;
    --capa-bg:#10241B;
    --capa-trama:rgba(226,199,122,.06);
    --capa-anel:rgba(226,199,122,.4);
    --capa-borda:#263D32;
    --topo-bg:rgba(8,21,16,.94);
    --hero-bg:#0A1E16;
    --hero-luz:rgba(31,77,58,.7);
    --rodape-bg:#07140F;
    --icone-lua:none;
    --icone-sol:block;
  --cartao-luz:linear-gradient(180deg,rgba(226,199,122,.045),rgba(226,199,122,0) 38%);
  --cartao-relevo:inset 0 1px 0 rgba(241,235,221,.05),0 24px 48px -34px rgba(0,0,0,.75);
  --secao-divisa:rgba(201,166,70,.14);
  --vitrine-borda:#35523F;
  --vitrine-sombra:0 40px 80px -40px rgba(0,0,0,.85),0 0 0 1px rgba(201,166,70,.08);
  --celular-sombra:0 30px 50px -24px rgba(0,0,0,.7);

  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --fundo:#0A1712;
  --superficie:#11271E;
  --superficie-2:#163027;
  --tinta:#F1EBDD;
  --tinta-2:#BCC8C0;
  --linha:#2B463A;
  --linha-forte:#C9A646;
  --acento:#E2C77A;
  --acento-sub:rgba(226,199,122,.45);
  --numero:#D9BC6A;
  --foco:#E6CF86;
  --cartao-sombra:0 1px 0 rgba(0,0,0,.25),0 18px 40px -28px rgba(0,0,0,.6);
  --btn-solido-bg:#F1EBDD;
  --btn-solido-tx:#0E2A20;
  --btn-solido-hover:#FFFFFF;
  --btn-ouro-bg:#C9A646;
  --btn-ouro-tx:#0E2A20;
  --btn-ouro-hover:#E6CF86;
  --campo-bg:#0B1A14;
  --campo-borda:#7E9488;
  --campo-tx:#F1EBDD;
  --campo-placeholder:#93A49A;
  --ok-bg:#12301F;
  --ok-borda:rgba(226,199,122,.4);
  --erro-bg:#2A1615;
  --erro-tx:#F0B4AE;
  --erro-borda:#D9817A;
  --trilho:rgba(241,235,221,.12);
  --pular-bg:#F1EBDD;
  --pular-tx:#0B1A14;
  --escura-bg:#0F271D;
  --escura-tx:#F4EEDF;
  --escura-tx-2:#C3CEC7;
  --escura-destaque:#E6CF86;
  --escura-borda:#2B463A;
  --folha-bg:#0B1A14;
  --folha-tx:#F1EBDD;
  --folha-tx-2:#B5C2B9;
  --folha-borda:#2C4739;
  --folha-linha:#2B463A;
  --folha-termo:#E2C77A;
  --capa-bg:#10241B;
  --capa-trama:rgba(226,199,122,.06);
  --capa-anel:rgba(226,199,122,.4);
  --capa-borda:#263D32;
  --topo-bg:rgba(8,21,16,.94);
  --hero-bg:#0A1E16;
  --hero-luz:rgba(31,77,58,.7);
  --rodape-bg:#07140F;
  --icone-lua:none;
  --icone-sol:block;
  --cartao-luz:linear-gradient(180deg,rgba(226,199,122,.045),rgba(226,199,122,0) 38%);
  --cartao-relevo:inset 0 1px 0 rgba(241,235,221,.05),0 24px 48px -34px rgba(0,0,0,.75);
  --secao-divisa:rgba(201,166,70,.14);
  --vitrine-borda:#35523F;
  --vitrine-sombra:0 40px 80px -40px rgba(0,0,0,.85),0 0 0 1px rgba(201,166,70,.08);
  --celular-sombra:0 30px 50px -24px rgba(0,0,0,.7);

}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%;background:var(--fundo)}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0;letter-spacing:-.01em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--foco);outline-offset:3px}
/* Nos blocos escuros (cabeçalho, abertura, seção escura, rodapé) o anel é ouro claro. */
.topo,.abertura,.secao-escura,.rodape{--foco:var(--cromo-foco)}
main:focus{outline:none}
.pular{position:absolute;left:var(--s2);top:-80px;z-index:100;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s2);background:var(--pular-bg);color:var(--pular-tx);border-radius:var(--raio);font-weight:600}
.pular:focus{top:var(--s1);outline:2px solid var(--cromo-foco);outline-offset:2px}
.casca{width:min(calc(100% - 32px),var(--max));margin:0 auto}
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.marca img{width:34px;height:34px;border-radius:50%}
.marca-nome{font-family:var(--serif);font-weight:700;font-size:1.3rem;letter-spacing:.01em}
.marca-nome .on{color:var(--marca-on)}.marca-nome .lume{color:var(--marca-lume)}

/* Botões e links */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--s3);border-radius:999px;font-size:.875rem;font-weight:600;letter-spacing:.01em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .12s ease-out}
.btn-ouro{background:var(--btn-ouro-bg);color:var(--btn-ouro-tx)}
@media (hover:hover) and (pointer:fine){.btn-ouro:hover{background:var(--btn-ouro-hover)}}
.btn-linha{border-color:var(--cromo-botao-borda);color:var(--cromo-tx);background:transparent}
@media (hover:hover) and (pointer:fine){.btn-linha:hover{border-color:var(--ouro-claro);background:var(--cromo-botao-hover)}}
.btn-verde{background:var(--btn-solido-bg);color:var(--btn-solido-tx)}
@media (hover:hover) and (pointer:fine){.btn-verde:hover{background:var(--btn-solido-hover)}}
.link{display:inline-flex;align-items:center;min-height:44px;color:var(--acento);font-weight:600;font-size:.9rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--acento-sub)}
@media (hover:hover) and (pointer:fine){.link:hover{text-decoration-color:var(--acento)}}

/* Cabeçalho */
.topo{position:fixed;inset:0 0 auto;z-index:50;background:var(--topo-bg);border-bottom:1px solid var(--cromo-linha);backdrop-filter:blur(12px);color:var(--cromo-tx)}
.topo-linha{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:72px}
.menu{display:flex;gap:var(--s3);font-size:.8125rem}
.menu a{display:inline-flex;align-items:center;min-height:44px;color:var(--cromo-tx-menu);text-decoration:none}
@media (hover:hover) and (pointer:fine){.menu a:hover{color:var(--cromo-tx-forte)}}
.topo-acoes{display:flex;align-items:center;gap:var(--s1)}
.topo-acoes .btn{min-height:44px;padding:0 var(--s2);font-size:.8125rem}
.topo-area svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.topo-area span{margin-left:var(--s1)}
.menu-botao{display:none}
.rotulo-curto{display:none}
/* Botão de tema: 44 px, ícone que indica o tema a ativar */
.tema-botao{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--cromo-botao-borda);border-radius:50%;background:transparent;color:var(--cromo-tx);cursor:pointer;transition:background-color .2s,border-color .2s}
@media (hover:hover) and (pointer:fine){.tema-botao:hover{border-color:var(--ouro-claro);background:var(--cromo-botao-hover)}}
.tema-botao svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tema-botao .icone-lua{display:var(--icone-lua)}
.tema-botao .icone-sol{display:var(--icone-sol)}

/* Seções */
.secao{padding:var(--s12) 0}
.secao-escura{background:var(--escura-bg);color:var(--escura-tx);border-block:1px solid var(--escura-borda)}
.secao-papel{background:var(--superficie)}
.cabeca{display:grid;grid-template-columns:5fr 7fr;gap:var(--s6);align-items:end;margin-bottom:var(--s8)}
.cabeca h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;max-width:16ch}
.cabeca p{color:var(--tinta-2);max-width:56ch}
.secao-escura .cabeca p{color:var(--escura-tx-2)}

/* 1 · Abertura */
.abertura{position:relative;padding:calc(72px + var(--s10)) 0 var(--s12);background:radial-gradient(circle at 74% 46%,var(--hero-luz),transparent 46%),var(--hero-bg);color:var(--cromo-tx);overflow:hidden}
.abertura-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--s8);align-items:center}
.abertura h1{font-size:clamp(2.75rem,5.4vw,4.75rem);line-height:1.02;letter-spacing:-.025em;max-width:13ch;color:var(--cromo-titulo)}
.abertura .lead{margin-top:var(--s3);max-width:44ch;font-size:1.0625rem;line-height:1.7;color:var(--cromo-tx-2)}
.abertura-acoes{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}
.abertura-nota{margin-top:var(--s2);font-size:.8125rem;color:var(--cromo-nota)}

/* Engrenagem: geometria herdada (não alterar sem medir de novo). */
.hero-symbol{position:relative;aspect-ratio:1/1;justify-self:center;display:grid;place-items:center;isolation:isolate}
.symbol-glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,var(--hero-glow-1),var(--hero-glow-2) 43%,transparent 71%);filter:blur(14px)}
.metal-machine{position:relative;isolation:isolate;transform:translateZ(0)}
.metal-machine:before{content:"";position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,var(--hero-halo-1),var(--hero-halo-2) 45%,transparent 72%);filter:blur(20px);z-index:-2}
.metal-machine:after{content:"";position:absolute;inset:6%;border-radius:50%;border:0;box-shadow:0 0 72px var(--hero-halo-3);z-index:-1}
.metal-gear,.metal-core{position:absolute;left:50%;top:50%;object-fit:contain;pointer-events:none;user-select:none}
.metal-gear{z-index:2;transform:translate(-50%,-50%);filter:drop-shadow(0 28px 36px var(--hero-sombra-1)) drop-shadow(0 0 12px var(--hero-brilho-ouro));will-change:transform}
.metal-core{z-index:4;transform:translate(-50%,-50%);filter:drop-shadow(0 14px 20px var(--hero-sombra-2))}
.hero-symbol.metal-machine{width:min(100%,640px);overflow:visible}
.hero-symbol .metal-gear{left:50.12%;top:50.61%;width:72%;height:72%}
.hero-symbol .metal-core{left:49.37%;top:49.79%;width:29.5%;height:29.5%}
.hero-word-ring{position:absolute;z-index:9;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;isolation:isolate}
.hero-symbol .hero-word-ring .orbit-word{--orbit-proximity:0;fill:var(--orbita-tx);stroke:var(--orbita-traco);stroke-width:18px;paint-order:stroke fill;font-family:var(--sans);font-size:22px;font-weight:800;letter-spacing:4.4px;text-transform:uppercase;opacity:calc(.84 + var(--orbit-proximity) * .16);filter:brightness(calc(.9 + var(--orbit-proximity) * .24));transition:fill .22s ease,opacity .18s linear,filter .18s linear;pointer-events:visiblePainted;cursor:pointer;user-select:none}
@media (hover:hover) and (pointer:fine){.hero-symbol .hero-word-ring .orbit-word:hover{fill:var(--orbita-hover);opacity:1;filter:brightness(1.14) drop-shadow(0 0 8px var(--orbita-hover-brilho))}}
.hero-symbol .hero-word-ring .orbit-word:focus-visible{fill:var(--orbita-foco);opacity:1;outline:4px solid var(--cromo-foco);outline-offset:8px;filter:drop-shadow(0 0 7px var(--orbita-foco-brilho))}
.hero-symbol .hero-word-ring .orbit-word.orbit-lit{fill:var(--orbita-acesa);opacity:1;filter:brightness(1.2) drop-shadow(0 0 5px var(--orbita-acesa-1)) drop-shadow(0 0 13px var(--orbita-acesa-2))}
@keyframes metalGearSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
/* Pulso da palavra acesa: um halo pré-desenhado (gradiente, sem filtro) no ponto da tecla power, animado só por opacidade.
   Antes o pulso animava filter: drop-shadow na própria palavra, o que repintava o SVG a cada quadro. */
.hero-symbol .orbita-halo{position:absolute;z-index:8;left:50%;top:5.2%;width:46%;height:11%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--orbita-pulso-2),transparent);opacity:0;pointer-events:none;will-change:opacity}
.hero-symbol.power-engaged .orbita-halo{animation:orbitaHalo 1.7s ease-in-out infinite}
.hero-symbol.lume-off .orbita-halo{display:none}
@keyframes orbitaHalo{0%,100%{opacity:.1}50%{opacity:.3}}
@media(max-width:1120px) and (min-width:821px){
  .hero-symbol.metal-machine{width:min(100%,540px)}
  .hero-symbol .hero-word-ring .orbit-word{font-size:23px;letter-spacing:4.5px}
}
@media(max-width:820px){
  .hero-symbol.metal-machine{width:min(92vw,470px)}
  .hero-symbol .metal-gear{width:65%;height:65%}
  .hero-symbol .metal-core{width:27%;height:27%}
  .hero-symbol .hero-word-ring .orbit-word{font-size:26px;letter-spacing:4.8px}
}
@media(max-width:440px){
  .hero-symbol.metal-machine{width:min(94vw,360px)}
  .hero-symbol .metal-gear{width:63%;height:63%}
  .hero-symbol .hero-word-ring .orbit-word{font-size:29px;letter-spacing:5px}
}

/* 2 · O que a onLUME é — e o que não é */
.e-nao{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8)}
.e-nao h4{font-family:var(--serif);font-weight:500;font-size:2rem;margin:0;padding-bottom:var(--s2);border-bottom:2px solid var(--linha-forte)}
.e-nao .nao h4{border-bottom-color:var(--linha)}
.e-nao li{padding:var(--s2) 0;border-bottom:1px solid var(--linha);color:var(--tinta-2)}
.e-nao li strong{color:var(--tinta);font-weight:600}

/* 3 · Método */
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);counter-reset:passo}
.passo{padding-top:var(--s3);border-top:1px solid var(--linha)}
.passo-n{display:block;font-family:var(--serif);font-size:1.25rem;color:var(--numero)}
.passo h3{margin-top:var(--s1);font-size:1.75rem;line-height:1.1}
.passo p{margin-top:var(--s1);color:var(--tinta-2);font-size:.9375rem}
.principio{margin-top:var(--s8);padding-top:var(--s4);border-top:1px solid var(--linha);font-family:var(--serif);font-style:italic;font-size:clamp(1.375rem,2.4vw,1.875rem);line-height:1.35;color:var(--acento);max-width:40ch}

/* 4 · Soluções */
.cartoes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.cartao{display:flex;flex-direction:column;padding:var(--s4) var(--s3) var(--s2);background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--cartao-sombra)}
.cartao h3{font-size:1.625rem;line-height:1.15}
.cartao .itens{margin-top:var(--s1);font-size:.8125rem;font-weight:600;color:var(--acento);display:flex;flex-wrap:wrap;gap:0 var(--s2)}
.cartao p{margin-top:var(--s2);color:var(--tinta-2);font-size:.9375rem}
.cartao .links{margin-top:auto;padding-top:var(--s2);display:flex;flex-wrap:wrap;gap:0 var(--s3)}

/* 5 · O que você recebe */
.entrega{display:grid;grid-template-columns:5fr 7fr;gap:var(--s8);align-items:center}
.entrega h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;max-width:15ch}
.entrega .sub{margin-top:var(--s2);font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--escura-destaque)}
.entrega p.corpo{margin-top:var(--s3);color:var(--escura-tx-2);max-width:46ch}
.folha{background:var(--folha-bg);color:var(--folha-tx);border-radius:var(--raio);padding:var(--s4);border:1px solid var(--folha-borda);border-left:4px solid var(--ouro)}
.folha-cabeca{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);flex-wrap:wrap;padding-bottom:var(--s2);border-bottom:1px solid var(--folha-linha)}
.folha-cabeca strong{font-family:var(--serif);font-size:1.5rem;font-weight:600}
.folha-cabeca span{font-size:.8125rem;color:var(--folha-tx-2);font-variant-numeric:tabular-nums}
.folha dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);padding-top:var(--s3)}
.folha dt{font-family:var(--serif);font-size:1.375rem;font-weight:600;color:var(--folha-termo)}
.folha dd{margin:var(--s1) 0 0;font-size:.875rem;color:var(--folha-tx-2)}

/* 6 · Plataforma */
.plataforma{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8)}
.plataforma h3{font-size:1.75rem;padding-bottom:var(--s2);border-bottom:1px solid var(--linha)}
.plataforma li{padding:var(--s2) 0 var(--s2) var(--s3);position:relative;color:var(--tinta-2);border-bottom:1px solid var(--linha)}
.plataforma li::before{content:"";position:absolute;left:0;top:calc(var(--s2) + .7em);width:8px;height:8px;border-radius:50%;background:var(--acento);transform:translateY(-50%)}
.plataforma-acao{margin-top:var(--s6)}

/* 7 · Inteligência LUME */
.artigos{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.artigo{display:flex;flex-direction:column}
/* Capa: espaço reservado e intencional enquanto as imagens não são definidas.
   Trama fina e um anel em ouro, sem imagem gerada nem ilustrativa. */
.artigo-capa{position:relative;aspect-ratio:16/9;margin-bottom:var(--s3);border-radius:var(--raio) var(--raio) 0 0;border:1px solid var(--capa-borda);border-bottom:2px solid var(--linha-forte);background-color:var(--capa-bg);background-image:repeating-linear-gradient(135deg,var(--capa-trama) 0 1px,transparent 1px 14px);overflow:hidden}
.artigo-capa::before{content:"";position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--capa-anel);box-shadow:0 0 0 10px var(--capa-bg),0 0 0 11px var(--capa-anel)}
.artigo-capa::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:var(--capa-anel)}
/* Capas ilustradas da Revista LUME (assets/media/revista/*.svg, 16:10, fundo próprio). Sem imagem, a trama continua. */
.artigo-capa:has(img){aspect-ratio:16/10;background-image:none}
.artigo-capa:has(img)::before,.artigo-capa:has(img)::after{content:none}
.artigo-capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:no-preference){.artigo-capa img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.artigo:focus-within .artigo-capa img{transform:scale(1.03)}@media (hover:hover) and (pointer:fine){.artigo:hover .artigo-capa img{transform:scale(1.03)}}}
.artigo small{font-size:.8125rem;color:var(--tinta-2)}
.artigo h3{margin-top:var(--s1);font-size:1.375rem;line-height:1.2}
.artigo .link{margin-top:auto;padding-top:var(--s1)}
.boletim{margin-top:var(--s8);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);padding:var(--s3) var(--s4);background:var(--superficie-2);border:1px solid var(--linha);border-radius:var(--raio)}
.boletim p{color:var(--tinta-2)}
.boletim p strong{color:var(--tinta);font-weight:600}
.boletim-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3)}

/* 8 · Contato */
.contato-grade{display:grid;grid-template-columns:5fr 7fr;gap:var(--s8);align-items:start}
.contato-grade h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.08}
.contato-grade .intro{margin-top:var(--s3);color:var(--tinta-2);max-width:42ch}
.contato-grade .intro a{color:var(--acento);font-weight:600}
.faq{margin-top:var(--s6);border-top:1px solid var(--linha)}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);min-height:56px;padding:var(--s1) 0;cursor:pointer;list-style:none;font-weight:600;font-size:.9375rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--serif);font-size:1.5rem;line-height:1;color:var(--acento)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 var(--s2);color:var(--tinta-2);font-size:.9375rem}
.form{padding:var(--s4);background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--cartao-sombra)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s3);align-items:start}
.campo{display:grid;gap:var(--s1);min-width:0}
.campo.cheio{grid-column:1/-1}
.campo>label{font-size:.8125rem;font-weight:600;color:var(--tinta)}
.campo input:not([type=checkbox]),.campo select,.campo textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--campo-borda);border-radius:var(--raio);background:var(--campo-bg);color:var(--campo-tx);font-size:1rem}
.campo select option{background:var(--campo-bg);color:var(--campo-tx)}
.campo ::placeholder{color:var(--campo-placeholder);opacity:1}
.campo textarea{min-height:112px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--foco);outline-offset:1px;border-color:var(--foco)}
.campo input[aria-invalid="true"]:not([type=checkbox]),.campo select[aria-invalid="true"],.campo textarea[aria-invalid="true"]{border-color:var(--erro-borda);box-shadow:inset 0 0 0 1px var(--erro-borda)}
.consentimento{display:flex;gap:var(--s2);align-items:flex-start;font-size:.875rem;color:var(--tinta-2);min-height:44px;cursor:pointer}
.consentimento input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--acento)}
.consentimento input[aria-invalid="true"]{outline:2px solid var(--erro-borda);outline-offset:2px}
.consentimento a{color:var(--acento);font-weight:600}
.form .btn{width:100%}
.form-nota{margin-top:var(--s2);font-size:.8125rem;color:var(--tinta-2)}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-status{margin-top:var(--s2)}
.lead-progress{border:1px solid var(--linha);border-radius:var(--raio);padding:var(--s2);background:var(--superficie-2);color:var(--tinta-2);font-size:.875rem;line-height:1.55}
.lead-progress strong{color:var(--tinta)}
.lead-progress .track{height:4px;background:var(--trilho);border-radius:99px;overflow:hidden;margin:var(--s1) 0}
.lead-progress .track i{display:block;height:100%;width:42%;background:var(--ouro);border-radius:99px;animation:lumeLeadMove 1.1s ease-in-out infinite alternate}
.lead-progress.ok{border-color:var(--ok-borda);background:var(--ok-bg)}
.lead-progress.ok .track i{width:100%;background:var(--acento);animation:none}
.lead-progress.err{border-color:var(--erro-borda);background:var(--erro-bg);color:var(--erro-tx)}
.lead-progress.err strong{color:var(--erro-tx)}
.lead-progress.err .track i{width:100%;background:var(--erro-borda);animation:none}
.lead-protocol{font-weight:700;color:var(--acento);letter-spacing:.04em}
@keyframes lumeLeadMove{from{transform:translateX(-15%)}to{transform:translateX(145%)}}

/* Rodapé */
.rodape{background:var(--rodape-bg);color:var(--rodape-tx);padding:var(--s6) 0 var(--s4);font-size:.8125rem;border-top:1px solid var(--cromo-linha)}
.rodape-linha{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s3)}
.rodape nav{display:flex;flex-wrap:wrap;gap:0 var(--s3)}
.rodape nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;text-decoration:none}
@media (hover:hover) and (pointer:fine){.rodape nav a:hover{color:var(--cromo-tx-forte)}}
.rodape-base{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--cromo-linha);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s1) var(--s3);color:var(--rodape-tx-2)}

/* ===== v21.2 · home completa (tudo o que a home atual tem, no sistema da v21) =====
   Só tokens; tons intermediários saem de color-mix sobre eles. */

/* Tipografia comum das seções novas */
.chapeu{display:block;margin-bottom:var(--s2);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--numero)}
.abertura .chapeu,.secao-escura .chapeu,.eixo .chapeu{color:var(--ouro-claro)}
.secao h2 em,.secao h3 em{font-style:italic;color:var(--acento)}
.secao-escura h2 em,.eixo h3 em{color:var(--escura-destaque)}
.corrido{margin-top:var(--s3);max-width:60ch;color:var(--tinta-2)}
.corrido p+p{margin-top:var(--s2)}
.subcabeca{display:grid;grid-template-columns:5fr 7fr;gap:var(--s6);align-items:end;margin-bottom:var(--s5)}
.subcabeca h3{font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.12}
.subcabeca p{color:var(--tinta-2);max-width:56ch}
.acoes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s4)}
.acoes-nota{font-size:.8125rem;color:var(--tinta-2)}
.secao-escura .acoes-nota{color:var(--escura-tx-2)}
.destaque{margin-top:var(--s3);padding-left:var(--s2);border-left:2px solid var(--ouro);font-family:var(--serif);font-style:italic;font-size:1.3125rem;line-height:1.35;color:var(--tinta)}
.secao-escura .destaque{color:var(--escura-tx)}
.destaque strong{font-weight:600}
.btn-linha-conteudo{border-color:var(--campo-borda);color:var(--tinta);background:transparent}
@media (hover:hover) and (pointer:fine){.btn-linha-conteudo:hover{border-color:var(--acento);background:var(--superficie-2)}}
.btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.btn svg+span{margin-left:var(--s1)}
.nota-pequena{margin-top:var(--s2);font-size:.8125rem;color:var(--tinta-2)}
.nota-pequena a{color:var(--acento);font-weight:600}
.etiquetas-linha{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s2)}
.etiquetas-linha li{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border:1px solid var(--linha);border-radius:999px;background:var(--fundo);font-size:.8125rem;font-weight:500;color:var(--tinta)}
.etiquetas-linha b{color:var(--numero);font-weight:600}
.avulso .links,.prevencao-bloco .links{display:flex;flex-wrap:wrap;gap:0 var(--s3)}

/* Fotos: espaço com a trama da marca enquanto o arquivo não existe.
   Sem o arquivo, o onerror remove só o <img> e a trama continua. */
.foto{position:relative;margin:0;aspect-ratio:1600/899;overflow:hidden;border-radius:var(--raio);border:1px solid var(--capa-borda);border-bottom:2px solid var(--linha-forte);background-color:var(--capa-bg);background-image:repeating-linear-gradient(135deg,var(--capa-trama) 0 1px,transparent 1px 14px)}
.foto::before{content:"";position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--capa-anel);box-shadow:0 0 0 10px var(--capa-bg),0 0 0 11px var(--capa-anel)}
.foto picture{position:absolute;inset:0;z-index:1;display:block}
.foto img{width:100%;height:100%;object-fit:cover;color:transparent;font-size:0}

/* 1 · Abertura: foto ao fundo, véu escuro por cima (texto sempre sobre o verde) */
.abertura-foto{position:absolute;inset:0;z-index:0;display:block}
.abertura-foto img{width:100%;height:100%;object-fit:cover;color:transparent;font-size:0}
.abertura-foto::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 46%,var(--hero-luz),transparent 46%),linear-gradient(90deg,color-mix(in srgb,var(--hero-bg) 95%,transparent) 0%,color-mix(in srgb,var(--hero-bg) 90%,transparent) 44%,color-mix(in srgb,var(--hero-bg) 62%,transparent) 100%)}
.abertura-grade{position:relative;z-index:1}
.abertura h1 em{font-style:italic;color:var(--ouro-claro)}
.mantra{margin-top:var(--s3);padding-left:var(--s2);border-left:2px solid var(--ouro);font-family:var(--serif);font-style:italic;font-size:1.3125rem;color:var(--cromo-tx)}
.pilares{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--cromo-linha)}
.pilares strong{display:block;font-family:var(--serif);font-size:1.375rem;font-weight:600;color:var(--ouro-claro)}
.pilares span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cromo-nota)}
.abertura-simbolo{display:grid;justify-items:center;gap:var(--s2);min-width:0}
.metodo-leitura{text-align:center;max-width:36ch}
.metodo-leitura span{display:block;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cromo-nota)}
.metodo-leitura strong{display:block;margin-top:4px;font-family:var(--serif);font-size:1.375rem;font-weight:600;color:var(--ouro-claro)}
.metodo-leitura p{margin-top:2px;font-size:.875rem;color:var(--cromo-tx-2)}

/* 2 · Herança: origem e prioridade */
.heranca{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:start}
.heranca h2{font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.12}
.mapa{padding:var(--s4);background:var(--superficie);border:1px solid var(--linha);border-top:3px solid var(--linha-forte);border-radius:var(--raio);box-shadow:var(--cartao-sombra)}
.mapa-cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--s1) var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--linha)}
.mapa-cabeca strong{font-family:var(--serif);font-size:1.5rem;font-weight:600}
.mapa-cabeca span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2)}
.mapa-rotulo{margin:var(--s3) 0 var(--s1);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
.mapa-opcoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s1)}
.mapa-opcoes button{min-height:44px;padding:0 var(--s1);border:1px solid var(--campo-borda);border-radius:999px;background:transparent;color:var(--tinta);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
@media (hover:hover) and (pointer:fine){.mapa-opcoes button:hover{border-color:var(--acento)}}
.mapa-opcoes button[aria-pressed="true"]{background:var(--btn-solido-bg);border-color:var(--btn-solido-bg);color:var(--btn-solido-tx)}
.mapa-fluxo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s1);margin-top:var(--s3)}
.mapa-fluxo li{padding:var(--s2);background:var(--superficie-2);border-radius:var(--raio)}
.mapa-fluxo small{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2)}
.mapa-fluxo strong{display:block;font-family:var(--serif);font-size:1.25rem;font-weight:600}
.mapa-caso{margin-top:var(--s3);padding:var(--s3);border-left:3px solid var(--ouro);background:var(--fundo);border-radius:0 var(--raio) var(--raio) 0}
.mapa-codigo{display:flex;justify-content:space-between;gap:var(--s2);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.mapa-codigo b{color:var(--numero)}
.mapa-caso>strong{display:block;margin-top:var(--s1);font-family:var(--serif);font-size:1.5rem;font-weight:600;line-height:1.2}
.mapa-caso>p{margin-top:var(--s1);color:var(--tinta-2);font-size:.9375rem}
.mapa-caso>p.mapa-codigo{margin-top:0}
.mapa-tags{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);font-size:.8125rem}
.mapa-tags b{color:var(--tinta)}
.mapa-caso>p.mapa-proximo{display:grid;gap:2px;margin-top:var(--s2)}
.mapa-proximo span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.mapa-proximo strong{color:var(--tinta)}
.mapa-trilho{height:4px;margin-top:var(--s1);background:var(--trilho);border-radius:99px;overflow:hidden}
.mapa-trilho i{display:block;height:100%;background:var(--ouro);transition:width .3s ease}
.mapa-pe{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s1) var(--s3);margin-top:var(--s3);font-family:var(--serif);font-style:italic;font-size:1.125rem;color:var(--acento)}

/* 3 · O que é a onLUME */
.sobre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:center}
.sobre h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.08}
.selos-texto{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s4)}
.selos-texto li{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border:1px solid var(--linha);border-radius:999px;background:var(--fundo);font-size:.8125rem;font-weight:600;color:var(--acento)}
.responsabilidade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--s8);border:1px solid var(--linha);border-radius:var(--raio);background:var(--fundo);overflow:hidden}
.responsabilidade li{padding:var(--s3)}
.responsabilidade li+li{border-left:1px solid var(--linha)}
.responsabilidade span{display:block;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--numero)}
.responsabilidade strong{display:block;margin-top:var(--s1);font-family:var(--serif);font-size:1.5rem;font-weight:600;line-height:1.2}
.diferenca,.fundamentos{margin-top:var(--s10)}
.fundamentos-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.fundamentos-grade li{display:flex;flex-direction:column;padding:var(--s3);background:var(--fundo);border:1px solid var(--linha);border-radius:var(--raio)}
.fundamentos-grade .passo-n{font-size:1.125rem}
.fundamentos-grade h4{margin:var(--s1) 0 0;font-family:var(--serif);font-size:1.5rem;font-weight:500;line-height:1.15}
.fundamentos-grade p{margin-top:var(--s1);color:var(--tinta-2);font-size:.9375rem}
.fundamentos-grade .aplicacao{margin-top:auto;padding-top:var(--s2);border-top:1px solid var(--linha);font-size:.875rem;color:var(--tinta)}
.fundamentos-grade p+.aplicacao{margin-top:var(--s2)}
.aplicacao span{display:block;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--numero)}

/* 4 · Método */
.em-acao{display:grid;grid-template-columns:5fr 7fr;gap:var(--s6);align-items:start;margin-bottom:var(--s8);padding:var(--s4);background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--cartao-sombra)}
.em-acao h3{font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.1}
.em-acao p{margin-top:var(--s2);color:var(--tinta-2)}
.trilha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.trilha li{padding-top:var(--s2);border-top:2px solid var(--linha-forte)}
.trilha b{display:block;font-family:var(--serif);font-weight:500;color:var(--numero)}
.trilha strong{display:block;font-family:var(--serif);font-size:1.375rem;font-weight:600}
.trilha span{display:block;margin-top:4px;color:var(--tinta-2);font-size:.875rem}
.passo-detalhe{margin-top:var(--s2);padding-top:var(--s2);border-top:1px dashed var(--linha);font-size:.875rem}
.passo .passo-detalhe{font-size:.875rem}
.passo-detalhe strong{display:block;color:var(--tinta);font-weight:600}

/* 5 · Soluções: onde a onLUME entra */
.onde{margin-top:var(--s10)}
.onde-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--s4)}
.onde-lista li{display:flex;flex-direction:column;padding:var(--s3) 0;border-top:1px solid var(--linha)}
.onde-lista small{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--numero)}
.onde-lista h4{margin:var(--s1) 0 0;font-family:var(--serif);font-size:1.5rem;font-weight:500;line-height:1.15}
.onde-lista p{margin-top:var(--s1);color:var(--tinta-2);font-size:.9375rem}
.onde-lista .link{margin-top:auto;padding-top:var(--s1)}

/* 6 · O que você recebe */
.qualidades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin:var(--s4) 0 0;padding-top:var(--s3);border-top:1px solid color-mix(in srgb,var(--escura-destaque) 30%,transparent)}
.qualidades dt{font-family:var(--serif);font-size:1.25rem;font-weight:600;color:var(--escura-destaque)}
.qualidades dd{margin:4px 0 0;font-size:.8125rem;color:var(--escura-tx-2)}
.folha dl.folha-itens{grid-template-columns:repeat(2,minmax(0,1fr))}
.folha-itens dt{font-size:1.125rem}
.folha-itens .folha-largo{grid-column:1/-1}
.folha-pe{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--folha-linha);font-family:var(--serif);font-style:italic;font-size:1.0625rem;line-height:1.45;color:var(--folha-tx-2)}

/* 7 · Planos */
.eixo{--foco:var(--cromo-foco);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--escura-bg);color:var(--escura-tx);border:1px solid var(--escura-borda);border-radius:var(--raio);overflow:hidden}
.eixo-texto{padding:var(--s6) var(--s5)}
.eixo h3{font-size:clamp(1.875rem,3vw,2.625rem);line-height:1.12}
.eixo-texto>p{margin-top:var(--s3);color:var(--escura-tx-2);max-width:60ch}
.eixo-texto strong{color:var(--escura-tx);font-weight:600}
.eixo-fluxo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2);margin-top:var(--s4)}
.eixo-fluxo li{padding-top:var(--s2);border-top:1px solid color-mix(in srgb,var(--escura-destaque) 45%,transparent)}
.eixo-fluxo b{display:block;font-family:var(--serif);font-size:1.25rem;font-weight:600;color:var(--escura-destaque)}
.eixo-fluxo span{font-size:.8125rem;color:var(--escura-tx-2)}
.eixo-entregas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin:var(--s4) 0 0}
.eixo-entregas div{padding:var(--s2);border-radius:var(--raio);background:color-mix(in srgb,var(--escura-tx) 6%,transparent)}
.eixo-entregas dt{font-weight:600;font-size:.9375rem;color:var(--escura-tx)}
.eixo-entregas dd{margin:4px 0 0;font-size:.8125rem;color:var(--escura-tx-2)}
.eixo-investimento{display:flex;flex-direction:column;justify-content:center;gap:var(--s2);padding:var(--s6) var(--s5);background:color-mix(in srgb,var(--escura-tx) 5%,transparent);border-left:1px solid color-mix(in srgb,var(--escura-destaque) 30%,transparent)}
.eixo-investimento small{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--escura-tx-2)}
.eixo-investimento strong{font-family:var(--serif);font-size:2.5rem;font-weight:500;line-height:1;color:var(--escura-destaque)}
.eixo-investimento p{font-size:.9375rem;color:var(--escura-tx-2)}
.eixo-credito{padding:var(--s2);border:1px solid color-mix(in srgb,var(--escura-destaque) 35%,transparent);border-radius:var(--raio)}
.eixo-credito b{color:var(--escura-destaque)}
.jornada{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s5);padding:var(--s3) 0;border-block:1px solid var(--linha)}
.jornada li{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s2);align-items:baseline}
.jornada b{grid-row:span 2;font-family:var(--serif);font-size:1.75rem;font-weight:500;line-height:1;color:var(--numero)}
.jornada strong{font-weight:600}
.jornada span{grid-column:2;color:var(--tinta-2);font-size:.875rem}
.planos-cabeca{margin-top:var(--s10)}
.planos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.plano{display:flex;flex-direction:column;padding:var(--s5) var(--s4);background:var(--superficie);border:1px solid var(--linha);border-top:3px solid var(--linha-forte);border-radius:var(--raio);box-shadow:var(--cartao-sombra)}
.plano-gold{border-top-color:var(--ouro)}
.plano-rotulo{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--numero)}
.plano h4{margin:var(--s1) 0 0;font-family:var(--serif);font-size:2.5rem;font-weight:500;line-height:1.05}
.plano>p{margin-top:var(--s1);color:var(--tinta-2);font-size:.9375rem}
.plano>p.plano-valor{display:grid;gap:2px;margin-top:var(--s3);padding:var(--s2) 0;border-block:1px solid var(--linha)}
.plano-valor span{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.plano-valor strong{font-family:var(--serif);font-size:1.375rem;font-weight:600;color:var(--tinta)}
.plano-valor small{font-size:.8125rem}
.plano-metricas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s1);margin:var(--s3) 0 0}
.plano-metricas dt{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2)}
.plano-metricas dd{margin:2px 0 0;font-weight:600;font-size:.9375rem}
.plano ul{display:grid;gap:var(--s1);margin:var(--s3) 0 var(--s4)}
.plano ul li{position:relative;padding-left:var(--s3);color:var(--tinta-2);font-size:.9375rem}
.plano ul li::before{content:"";position:absolute;left:2px;top:.45em;width:10px;height:6px;border-left:2px solid var(--acento);border-bottom:2px solid var(--acento);transform:rotate(-45deg)}
.plano-acoes{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:auto}
.plano-acoes .btn{flex:1 1 180px}
.plano-detalhe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-top:var(--s3);padding:var(--s3);background:var(--superficie-2);border:1px solid var(--linha);border-radius:var(--raio)}
.plano-detalhe[hidden]{display:none}
.plano-detalhe small{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--numero)}
.plano-detalhe h4{margin:4px 0 0;font-family:var(--serif);font-size:1.375rem;font-weight:500}
.plano-detalhe p{margin-top:4px;color:var(--tinta-2);font-size:.875rem}
.compromisso{display:grid;grid-template-columns:1fr auto;gap:var(--s5);align-items:center;margin-top:var(--s6);padding:var(--s4);background:var(--superficie);border:1px solid var(--linha);border-left:4px solid var(--ouro);border-radius:var(--raio)}
.compromisso h3{font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.15}
.compromisso p{margin-top:var(--s1);color:var(--tinta-2)}
.compromisso p strong{color:var(--tinta);font-weight:600}
.compromisso .compromisso-numero{margin:0;text-align:center}
.compromisso-numero small,.compromisso-numero span{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.compromisso .compromisso-numero strong{display:block;font-family:var(--serif);font-size:3.5rem;font-weight:500;line-height:1;color:var(--numero)}
.limite-planos{margin-top:var(--s3);padding-left:var(--s2);border-left:2px solid var(--linha);font-size:.8125rem;color:var(--tinta-2);max-width:90ch}
.avulsos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-top:var(--s8)}
.avulso{display:flex;flex-direction:column;padding:var(--s5) var(--s4);background:var(--superficie);border:1px dashed var(--campo-borda);border-radius:var(--raio)}
.avulso h3{font-size:clamp(1.5rem,2.2vw,1.75rem);line-height:1.15}
.avulso>p{margin-top:var(--s2);color:var(--tinta-2);font-size:.9375rem}
.avulso>p strong{color:var(--tinta);font-weight:600}
.avulso>p.avulso-valor{display:grid;gap:2px;margin-top:var(--s3)}
.avulso-valor small,.avulso-valor span{font-size:.8125rem}
.avulso-valor small{letter-spacing:.1em;text-transform:uppercase}
.avulso-valor strong{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--tinta)}
.avulso>.btn,.avulso>.links{margin-top:auto}
.avulso>:nth-last-child(2){margin-bottom:var(--s3)}

/* 8 · Depois de contratar */
.cadencia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.cadencia li{padding:var(--s4) var(--s3);border:1px solid color-mix(in srgb,var(--escura-destaque) 25%,transparent);border-radius:var(--raio);background:color-mix(in srgb,var(--escura-tx) 4%,transparent)}
.cadencia small{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--escura-destaque)}
.cadencia h3{margin-top:var(--s1);font-size:1.75rem}
.cadencia p{margin-top:var(--s1);color:var(--escura-tx-2);font-size:.9375rem}
.citacao{max-width:36ch;margin:var(--s6) auto 0;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.3;color:var(--escura-destaque)}

/* 9 · Plataforma */
.plataforma-foto{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s6);align-items:start}
.plataforma-foto .plataforma{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.provas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s6)}
.provas li{padding:var(--s3);background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio)}
.provas strong{display:block;font-family:var(--serif);font-size:1.375rem;font-weight:600}
.provas span{display:block;margin-top:4px;color:var(--tinta-2);font-size:.875rem}
.plataforma-acao{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4)}

/* 10 · Protocolo Armadura e PGR */
.prevencao{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);align-items:stretch}
.prevencao-bloco{display:flex;flex-direction:column;padding:var(--s5) var(--s4);background:var(--fundo);border:1px solid var(--linha);border-radius:var(--raio)}
.prevencao-bloco h3{font-size:clamp(1.625rem,2.4vw,2.125rem);line-height:1.15}
.prevencao-bloco>p{margin-top:var(--s2);color:var(--tinta-2)}
.prevencao-bloco>p.destaque{color:var(--tinta)}
.foto-bombas{margin-bottom:var(--s4)}
.fases{margin-top:var(--s3)}
.fases li{display:grid;grid-template-columns:40px 1fr;column-gap:var(--s2);padding:var(--s1) 0;border-top:1px solid var(--linha)}
.fases b{grid-row:span 2;align-self:center;font-family:var(--serif);font-size:1.25rem;font-weight:500;color:var(--numero)}
.fases strong{font-weight:600}
.fases span{grid-column:2;color:var(--tinta-2);font-size:.875rem}
.prevencao-bloco .links{margin-top:auto;padding-top:var(--s3)}

/* 11 · ISC-LUME (painel claro dentro da seção escura) */
.isc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s8);align-items:start}
.isc h2{font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.05}
.isc .corpo{margin-top:var(--s3);color:var(--escura-tx-2)}
.isc .corpo strong{color:var(--escura-tx)}
.isc-camadas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin:var(--s5) 0 0;padding-top:var(--s3);border-top:1px solid color-mix(in srgb,var(--escura-destaque) 30%,transparent)}
.isc-camadas dt{font-family:var(--serif);font-size:1.25rem;font-weight:600;line-height:1.15;color:var(--escura-destaque)}
.isc-camadas dd{margin:4px 0 0;font-size:.8125rem;color:var(--escura-tx-2)}
.isc-painel{--foco:var(--acento);padding:var(--s4);background:var(--folha-bg);color:var(--folha-tx);border:1px solid var(--folha-borda);border-top:3px solid var(--ouro);border-radius:var(--raio)}
.isc-painel-chapeu,.isc-modulos-rotulo{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--folha-termo)}
.isc-painel h3{margin-top:var(--s1);font-size:1.75rem;line-height:1.15}
.isc-painel-nota{margin-top:var(--s1);font-size:.875rem;color:var(--folha-tx-2)}
.isc-selos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s1);margin-top:var(--s3)}
.isc-selo{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;min-height:44px;padding:var(--s1) 4px;border:1px solid var(--folha-linha);border-radius:var(--raio);background:transparent;color:var(--folha-tx);cursor:pointer;text-align:center;transition:border-color .2s,box-shadow .2s}
@media (hover:hover) and (pointer:fine){.isc-selo:hover{border-color:var(--folha-termo)}}
.isc-selo[aria-pressed="true"]{border-color:var(--folha-termo);box-shadow:inset 0 0 0 1px var(--folha-termo)}
.isc-selo img{width:100%;max-width:72px;height:auto;aspect-ratio:1}
.isc-selo-rotulo{font-size:.75rem;font-weight:600;line-height:1.25}
.isc-selo-status{font-size:.75rem;line-height:1.3;color:var(--folha-tx-2)}
.isc-detalhe{display:grid;grid-template-columns:96px 1fr;gap:var(--s2);align-items:center;margin-top:var(--s3);padding:var(--s2);background:var(--superficie-2);border-radius:var(--raio)}
.isc-detalhe img{width:96px;height:96px}
.isc-detalhe strong{font-family:var(--serif);font-size:1.375rem;font-weight:600}
.isc-detalhe p{font-size:.875rem;color:var(--folha-tx-2)}
.isc-modulos-rotulo{margin-top:var(--s3)}
.isc-modulos{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s1)}
.isc-modulos li{padding:4px 10px;border:1px solid var(--folha-linha);border-radius:999px;font-size:.8125rem}
.isc-integridade{margin-top:var(--s3);font-size:.875rem;color:var(--folha-tx-2)}
.isc-integridade strong{color:var(--folha-tx)}
.isc-aviso{margin-top:var(--s1);font-size:.8125rem;color:var(--folha-tx-2)}

/* 12 · Inteligência LUME */
.temas{display:flex;flex-wrap:wrap;gap:var(--s1);margin-bottom:var(--s5)}
.temas li{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1px solid var(--linha);border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--tinta)}
.heranca-mes{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5);margin-top:var(--s8);padding:var(--s4);background:var(--fundo);border:1px solid var(--linha);border-left:4px solid var(--linha-forte);border-radius:var(--raio)}
.heranca-mes small{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--numero)}
.heranca-mes h3{margin-top:4px;font-size:1.875rem}
.heranca-mes p{margin-top:var(--s1);color:var(--tinta-2)}
.heranca-mes ul{display:grid;gap:var(--s2)}
.heranca-mes li{padding:var(--s2);background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio)}
.heranca-mes li span{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--numero)}
.heranca-mes li strong{display:block;margin-top:4px;font-family:var(--serif);font-size:1.25rem;font-weight:600;line-height:1.25}

/* 13 · Contato */
.contato-nota{margin-top:var(--s3);padding:var(--s2);border-left:3px solid var(--ouro);background:var(--superficie-2);font-size:.875rem;color:var(--tinta-2);border-radius:0 var(--raio) var(--raio) 0}
.contato-nota strong{color:var(--tinta)}
.faq-titulo{padding:var(--s3) 0 var(--s1);font-size:1.5rem;line-height:1.2}
.form-chapeu{margin-bottom:var(--s3);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--numero)}
.campo-dica{font-size:.8125rem;color:var(--tinta-2)}

/* Rodapé: marca, compartilhar e instalar */
.rodape-linha{align-items:flex-start}
.rodape-marca{max-width:46ch}
.rodape-marca p{margin-top:var(--s2);line-height:1.7}
.rodape-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2);margin-top:var(--s3)}
.rodape-acoes .btn{min-height:44px;padding:0 var(--s2);font-size:.8125rem}
.rodape-aviso{font-size:.8125rem;color:var(--cromo-tx)}

/* Cartão de instalação do aplicativo (só aparece quando o navegador oferece) */
.instalar{--foco:var(--cromo-foco);position:fixed;z-index:60;left:50%;bottom:var(--s2);transform:translateX(-50%);width:min(calc(100% - 32px),520px);display:flex;align-items:center;gap:var(--s2);padding:12px;background:var(--hero-bg);color:var(--cromo-tx);border:1px solid var(--cromo-botao-borda);border-radius:16px;box-shadow:0 18px 50px color-mix(in srgb,var(--hero-bg) 60%,transparent)}
.instalar[hidden]{display:none}
.instalar img{flex:none;border-radius:12px}
.instalar p{flex:1;min-width:0;display:grid}
.instalar strong{font-size:.875rem}
.instalar span{font-size:.75rem;color:var(--cromo-nota)}
.instalar .btn{min-height:44px;padding:0 var(--s2);font-size:.8125rem;flex:none}
.instalar-fechar,.dialogo-fechar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--cromo-botao-borda);border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.instalar-fechar svg,.dialogo-fechar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

/* Diálogos: Boletim e aviso de conteúdo novo */
.dialogo{width:min(calc(100% - 32px),520px);max-height:calc(100dvh - 32px);overflow:auto;padding:var(--s5) var(--s4) var(--s4);border:1px solid var(--linha);border-radius:var(--raio);background:var(--superficie);color:var(--tinta);box-shadow:0 30px 80px color-mix(in srgb,var(--hero-bg) 45%,transparent)}
.dialogo::backdrop{background:color-mix(in srgb,var(--hero-bg) 72%,transparent)}
.dialogo h2{margin-top:var(--s1);font-size:2rem;line-height:1.1}
.dialogo>p{margin-top:var(--s2);color:var(--tinta-2)}
.dialogo>p.chapeu{margin-top:0;color:var(--numero)}
.dialogo-fechar{position:absolute;top:var(--s1);right:var(--s1);border-color:var(--linha)}
.dialogo-acoes{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s3)}
.aviso-artigo[open]{position:fixed;inset:auto var(--s2) var(--s2) auto;margin:0;z-index:70;width:min(calc(100% - 32px),420px)}
.aviso-meta{font-size:.8125rem}
.boletim-form{display:grid;gap:var(--s2);margin-top:var(--s3)}
.boletim-form .btn{width:100%}
.boletim-status,.newsletter-status{min-height:1em;font-size:.875rem;color:var(--tinta-2)}
.newsletter-status.error{color:var(--erro-tx)}
.boletim-ok h3{margin-top:var(--s3);font-size:1.75rem}
.boletim-ok p{margin-top:var(--s1);color:var(--tinta-2)}
.boletim-ok .btn{margin-top:var(--s3)}

/* Abertura do aplicativo instalado */
.app-abertura{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,var(--hero-luz),transparent 40%),var(--hero-bg);color:var(--cromo-tx);transition:opacity .45s ease,visibility .45s ease}
.app-abertura[hidden]{display:none}
.app-abertura.saindo{opacity:0;visibility:hidden;pointer-events:none}
html.onlume-app-launching,html.onlume-app-launching body{overflow:hidden}
.app-abertura-centro{display:grid;justify-items:center;padding:var(--s4) var(--s3);text-align:center}
.app-abertura-maquina{position:relative;width:clamp(148px,37vw,204px);aspect-ratio:1;margin-bottom:var(--s4)}
.app-abertura-maquina img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.app-abertura-engrenagem{animation:appGiro 2.8s linear infinite}
.app-abertura-tecla{z-index:1}
.app-abertura-marca{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,9vw,3rem);line-height:1}
.app-abertura-marca .on{color:var(--marca-on)}.app-abertura-marca .lume{color:var(--marca-lume)}
.app-abertura-frase{margin-top:var(--s1);font-size:.875rem;color:var(--cromo-tx-2)}
.app-abertura-barra{width:min(220px,62vw);height:2px;margin-top:var(--s4);background:var(--cromo-divisoria);border-radius:999px;overflow:hidden}
.app-abertura-barra span{display:block;width:46%;height:100%;background:var(--ouro);animation:appBarra 1.2s ease-in-out infinite}
@keyframes appGiro{to{transform:rotate(360deg)}}
@keyframes appBarra{from{transform:translateX(-110%)}to{transform:translateX(250%)}}

/* Menu: links extras só no menu do celular */
.menu a.so-movel{display:none}

/* Responsivo */
@media(max-width:1120px){
  .menu{gap:var(--s2);font-size:.75rem}
  .cartoes{grid-template-columns:repeat(2,1fr)}
  .artigos{grid-template-columns:repeat(2,1fr)}
  .fundamentos-grade,.onde-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eixo{grid-template-columns:1fr}
  .eixo-investimento{border-left:0;border-top:1px solid color-mix(in srgb,var(--escura-destaque) 30%,transparent)}
}
@media(max-width:980px){
  .menu{display:none}
  .menu-botao{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--cromo-botao-borda);border-radius:50%;background:transparent;cursor:pointer}
  .menu-botao svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
  .topo.aberto .menu{display:flex;flex-direction:column;gap:0;position:absolute;top:72px;left:0;right:0;padding:var(--s1) var(--s2) var(--s2);background:var(--hero-bg);border-bottom:1px solid var(--cromo-linha)}
  .topo.aberto .menu a{padding:0 var(--s1);font-size:.9375rem;border-bottom:1px solid var(--cromo-divisoria)}
  .topo.aberto .menu{max-height:calc(100dvh - 72px);overflow-y:auto}
  .topo.aberto .menu a.so-movel{display:inline-flex}
}
@media(max-width:820px){
  .secao{padding:var(--s8) 0}
  .abertura{padding:calc(72px + var(--s4)) 0 var(--s8)}
  .abertura-grade{grid-template-columns:1fr;gap:var(--s4)}
  .abertura-simbolo{order:-1}
  .cabeca,.e-nao,.entrega,.plataforma,.contato-grade{grid-template-columns:1fr;gap:var(--s4)}
  .cabeca{margin-bottom:var(--s5)}
  .passos{grid-template-columns:1fr 1fr;gap:var(--s3)}
  .artigos{grid-template-columns:1fr 1fr;gap:var(--s4)}
  .folha dl{grid-template-columns:1fr;gap:var(--s2)}
  .folha dl.folha-itens{grid-template-columns:1fr}
  .abertura-foto::after{background:linear-gradient(180deg,color-mix(in srgb,var(--hero-bg) 80%,transparent) 0%,color-mix(in srgb,var(--hero-bg) 93%,transparent) 40%,color-mix(in srgb,var(--hero-bg) 96%,transparent) 100%)}
  .heranca,.sobre,.subcabeca,.em-acao,.plataforma-foto,.prevencao,.isc,.heranca-mes,.avulsos,.planos,.trilha,.cadencia,.provas,.jornada,.plano-detalhe,.eixo-entregas{grid-template-columns:1fr}
  .heranca,.sobre,.plataforma-foto,.isc{gap:var(--s5)}
  .subcabeca{gap:var(--s2)}
  .em-acao{gap:var(--s4);padding:var(--s3)}
  .responsabilidade{grid-template-columns:1fr}
  .responsabilidade li+li{border-left:0;border-top:1px solid var(--linha)}
  .eixo-fluxo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eixo-texto,.eixo-investimento{padding:var(--s4) var(--s3)}
  .compromisso{grid-template-columns:1fr;gap:var(--s2)}
  .compromisso .compromisso-numero{text-align:left}
  .diferenca,.fundamentos,.onde,.planos-cabeca{margin-top:var(--s8)}
}
@media(max-width:600px){
  .topo-linha{gap:var(--s1)}
  .topo-area span,.rotulo-longo{display:none}
  .rotulo-curto{display:inline}
  .topo-area{width:44px;flex:none;padding:0!important}
  .topo-acoes .btn-ouro{flex:none}
  .cartoes,.passos,.campos{grid-template-columns:1fr}
  .campo.cheio{grid-column:auto}
  .abertura-acoes{display:grid;grid-template-columns:1fr}
  .form{padding:var(--s3) var(--s2)}
  .folha{padding:var(--s3)}
  .boletim{padding:var(--s3)}
  .fundamentos-grade,.onde-lista,.artigos,.isc-camadas,.qualidades{grid-template-columns:1fr}
  .mapa{padding:var(--s3) var(--s2)}
  .mapa-opcoes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mapa-fluxo{grid-template-columns:1fr}
  .mapa-fluxo li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);padding:var(--s1) var(--s2)}
  .mapa-codigo b{white-space:nowrap}
  .mapa-caso{padding:var(--s2)}
  .pilares{gap:var(--s2) var(--s3)}
  .pilares strong{font-size:1.1875rem}
  .plano,.avulso,.prevencao-bloco{padding:var(--s4) var(--s3)}
  .isc-painel{padding:var(--s3) var(--s2)}
  .isc-selo-status{display:none}
  .isc-selo{position:relative;padding:6px 2px}
  .isc-selo-rotulo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .isc-detalhe{grid-template-columns:72px 1fr}
  .isc-detalhe img{width:72px;height:72px}
  .heranca-mes{padding:var(--s3) var(--s2)}
  .dialogo{padding:var(--s5) var(--s3) var(--s3)}
  .aviso-artigo[open]{inset:auto var(--s2) var(--s2) var(--s2);width:auto}
}
@media(max-width:360px){
  .marca-nome{font-size:1.15rem}
  .topo-acoes{gap:6px}
}
/* Movimento reduzido: sem órbita, sem giro, sem deslocamento. A engrenagem para
   (regra própria em onlume-hero-power-v20-9.css) e o JS da órbita não anima.
   As transições ficam restritas a cor e opacidade: posição, tamanho e transform mudam
   na hora, mas a troca de estado (selos, mapa, botões, avisos) continua perceptível. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-property:opacity,color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,box-shadow,visibility!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .lead-progress .track i,.hero-symbol .orbita-halo,.hero-symbol.metal-machine .metal-gear{animation:none!important}
}

/* Refino 19/10/2026 — vitrine da Área do Cliente, cabeçalho e abertura no
   celular, tema escuro. */
.vitrine{position:relative;margin:0 0 var(--s8);padding:0 clamp(0px,9%,120px) var(--s5) 0}
.vitrine-tela{overflow:hidden;border:1px solid var(--vitrine-borda);border-radius:12px;background:var(--superficie);box-shadow:var(--vitrine-sombra)}
.vitrine-barra{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-bottom:1px solid var(--linha);background:var(--superficie-2)}
.vitrine-barra i{width:10px;height:10px;border-radius:50%;background:var(--linha)}
.vitrine-barra span{margin-left:12px;padding:2px 12px;border-radius:999px;background:var(--fundo);color:var(--tinta-2);font-size:.75rem;letter-spacing:.02em}
.vitrine-tela img{width:100%;height:auto}
.vitrine-celular{position:absolute;right:0;bottom:0;width:clamp(150px,22%,250px);padding:8px;border-radius:30px;background:var(--celular-bg);border:1px solid var(--celular-borda);box-shadow:var(--celular-sombra)}
.vitrine-celular img{width:100%;height:auto;border-radius:23px}
.vitrine figcaption{margin-top:var(--s3);max-width:62ch;font-size:.875rem;color:var(--tinta-2)}
.vitrine figcaption strong{color:var(--acento);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}
@media(max-width:820px){
  .vitrine{padding:0 0 var(--s4)}
  .vitrine-celular{position:relative;width:min(58%,240px);margin:calc(-1 * var(--s8)) var(--s2) 0 auto}
  .vitrine-barra span{display:none}
  /* Abertura: título primeiro, engrenagem menor depois. */
  .abertura-simbolo{order:0}
  .hero-symbol.metal-machine{width:min(84vw,340px)}
}
@media(max-width:600px){
  /* Cabeçalho: Área do Cliente vai para o menu; controles com tamanho fixo
     para não invadir a marca quando a fonte do aparelho está ampliada. */
  .topo-area{display:none!important}
  .marca{min-width:0;flex:0 1 auto;overflow:hidden}
  .marca-nome{font-size:20px;white-space:nowrap}
  .topo-acoes{gap:8px;flex:none}
  .topo-acoes .btn-ouro{min-height:40px;height:40px;padding:0 16px;font-size:14px}
  .tema-botao,.menu-botao{width:40px!important;height:40px!important}
}
@media(max-width:360px){
  .marca img{width:30px;height:30px}
  .marca-nome{font-size:18px}
  .topo-acoes{gap:6px}
  .topo-acoes .btn-ouro{padding:0 12px}
}

@media(max-width:600px){.plataforma-foto .plataforma{grid-template-columns:1fr}}
/* Cartões com leve luz no topo e divisória dourada entre seções (só o tema
   escuro define valores; no claro os tokens são neutros). */
.cartao,.plano,.avulso,.provas li,.heranca-mes li,.mapa,.form,.em-acao,.compromisso{background-image:var(--cartao-luz)}
.cartao,.plano,.avulso,.provas li,.heranca-mes li{box-shadow:var(--cartao-relevo)}
.secao+.secao{border-top:1px solid var(--secao-divisa)}
/* Botões flutuantes de compartilhar e salvar (mesmo padrão do ISC-LUME).
   Escuros nos dois temas, como o cabeçalho. */
.acoes-flutuantes{--foco:var(--cromo-foco);position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:55;display:flex;gap:10px;transition:opacity .2s ease,transform .2s ease,bottom .2s ease}
.acoes-flutuantes button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--cromo-botao-borda);border-radius:50%;background:var(--topo-bg);color:var(--ouro-claro);cursor:pointer;box-shadow:var(--celular-sombra);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
@media (hover:hover) and (pointer:fine){.acoes-flutuantes button:hover{transform:translateY(-2px);background:var(--cromo-botao-hover);border-color:var(--ouro-claro)}}
.acoes-flutuantes svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acoes-flutuantes.recolhido{opacity:0;transform:translateY(12px);pointer-events:none}
.com-instalar .acoes-flutuantes{bottom:calc(108px + env(safe-area-inset-bottom))}
.aviso-flutuante{position:fixed;right:18px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:56;max-width:min(calc(100% - 36px),340px);margin:0;padding:10px 14px;border:1px solid var(--cromo-botao-borda);border-radius:14px;background:var(--hero-bg);color:var(--cromo-tx);font-size:.8125rem;line-height:1.4;box-shadow:var(--celular-sombra);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.aviso-flutuante.visivel{opacity:1;transform:none}
.aviso-flutuante:empty{display:none}
.com-instalar .aviso-flutuante{bottom:calc(166px + env(safe-area-inset-bottom))}
@media(max-width:600px){
  .acoes-flutuantes{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
  .acoes-flutuantes button{width:44px;height:44px}
  .aviso-flutuante{right:12px;bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media print{.acoes-flutuantes,.aviso-flutuante{display:none!important}}
/* Cinco artigos (19/10/2026): dois em destaque na primeira linha e três na segunda. */
@media(min-width:1121px){
  .artigos{grid-template-columns:repeat(6,minmax(0,1fr))}
  .artigos .artigo{grid-column:span 2}
  .artigos .artigo:nth-child(-n+2){grid-column:span 3}
}

/* Acessibilidade e toque (19/10/2026).
   Alvos de toque de pelo menos 44 px sem mudar o desenho: no celular o topo mantém os
   controles de 40 px e ganha uma área de toque invisível, centrada no próprio controle. */
.topo-acoes .btn-ouro,.tema-botao,.menu-botao,.migalhas a{position:relative}
.topo-acoes .btn-ouro::after,.tema-botao::after,.menu-botao::after,.migalhas a::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
/* Retorno ao toque no instante do aperto (o :hover só existe com mouse). */
.mapa-opcoes button:active,.isc-selo:active{background:var(--superficie-2)}
@media (prefers-reduced-motion:no-preference){.btn:active{transform:scale(.97)}}
@media (prefers-reduced-motion:reduce){.btn:active{opacity:.88}}
/* Palavras da órbita: o foco tem contorno (regra :focus-visible acima), não só cor e brilho.
   A área de toque de cada palavra é um arco invisível na mesma órbita (criado pelo script
   da órbita), com 120 unidades de espessura: cerca de 60 px no celular, para cobrir a palavra inteira nas quatro posições. */
.hero-symbol .hero-word-ring .orbit-alvo{fill:none;stroke:transparent;stroke-width:120px;stroke-linecap:round;pointer-events:stroke;cursor:pointer}
/* Botões flutuantes passam sobre o conteúdo (claro no tema claro): o anel de foco fica
   dentro do próprio botão escuro, para manter o contraste em qualquer fundo. */
.acoes-flutuantes button:focus-visible{outline-offset:-6px}
.acoes-flutuantes.na-abertura{opacity:0;transform:translateY(12px);pointer-events:none}