/* onLUME · Direção B, camada de refino (19/10/2026, retorno do Jotta: "o site ficou meio quadradão").
   Carregada por ÚLTIMO em todas as páginas públicas (home, /pgr, /protocolo-armadura,
   produtos, Inteligência, artigos da Revista, páginas legais e 404).
   Mantém a identidade B — IBM Plex Sans/Mono, verde, dourado e creme, rigor técnico — com
   acabamento mais macio: cantos por token, cartões sem contorno duro (superfície tingida e
   sombra em camadas; no escuro, relevo por luminância), sem cantoneiras nem quadriculado nas
   seções (só um vestígio na abertura), numeração de seção mais leve, mais respiro e hover suave.
   Sem cor literal fora dos blocos de tokens. */

/* ---------- Tokens ---------- */
:root{
  --raio-sm:6px;
  --raio:12px;
  --raio-lg:18px;
  --raio-btn:10px;
  --cartao-bg:#FDFBF6;
  --cartao-bg-papel:#F8F5EE;
  --cartao-borda:rgba(19,32,26,.07);
  --filete-suave:rgba(19,32,26,.09);
  --sombra-cartao:0 1px 2px rgba(19,32,26,.04),0 4px 12px -2px rgba(19,32,26,.05),0 18px 36px -20px rgba(19,32,26,.16);
  --sombra-cartao-alta:0 2px 4px rgba(19,32,26,.05),0 12px 24px -8px rgba(19,32,26,.10),0 30px 52px -24px rgba(19,32,26,.22);
  --sombra-foto:0 2px 6px rgba(19,32,26,.06),0 24px 44px -26px rgba(19,32,26,.38);
  --sombra-ouro:0 0 0 1px rgba(201,166,70,.55);
  --rv-raio:12px;
  --rv-sombra:0 1px 2px rgba(19,32,26,.04),0 4px 12px -2px rgba(19,32,26,.05),0 18px 36px -20px rgba(19,32,26,.16);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --cartao-bg:#11261C;
    --cartao-bg-papel:#132A20;
    --cartao-borda:rgba(238,233,220,.05);
    --filete-suave:rgba(238,233,220,.08);
    --sombra-cartao:inset 0 1px 0 rgba(238,233,220,.05),0 1px 2px rgba(0,0,0,.3),0 16px 32px -20px rgba(0,0,0,.7);
    --sombra-cartao-alta:inset 0 1px 0 rgba(238,233,220,.07),0 2px 4px rgba(0,0,0,.35),0 26px 46px -22px rgba(0,0,0,.85);
    --sombra-foto:0 2px 6px rgba(0,0,0,.3),0 24px 44px -24px rgba(0,0,0,.8);
    --sombra-ouro:0 0 0 1px rgba(220,194,116,.5);
    --rv-sombra:inset 0 1px 0 rgba(238,233,220,.05),0 1px 2px rgba(0,0,0,.3),0 16px 32px -20px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --cartao-bg:#11261C;
  --cartao-bg-papel:#132A20;
  --cartao-borda:rgba(238,233,220,.05);
  --filete-suave:rgba(238,233,220,.08);
  --sombra-cartao:inset 0 1px 0 rgba(238,233,220,.05),0 1px 2px rgba(0,0,0,.3),0 16px 32px -20px rgba(0,0,0,.7);
  --sombra-cartao-alta:inset 0 1px 0 rgba(238,233,220,.07),0 2px 4px rgba(0,0,0,.35),0 26px 46px -22px rgba(0,0,0,.85);
  --sombra-foto:0 2px 6px rgba(0,0,0,.3),0 24px 44px -24px rgba(0,0,0,.8);
  --sombra-ouro:0 0 0 1px rgba(220,194,116,.5);
  --rv-sombra:inset 0 1px 0 rgba(238,233,220,.05),0 1px 2px rgba(0,0,0,.3),0 16px 32px -20px rgba(0,0,0,.7);
}

/* ---------- Texto e títulos ---------- */
body{line-height:1.65}
h1,h2,h3,h4{font-weight:550;font-stretch:92%;letter-spacing:-.02em}
.abertura h1,.article-hero h1,.legal-hero h1,.editorial-hero h1,.boletim-pagina h1,.rv-titulo{font-weight:550;font-stretch:90%;letter-spacing:-.025em}
.corrido p,.cabeca p,.texto,.article-body,.legal-body,.rv{line-height:1.68}
/* Chapéu: sem caixa alta, régua curta mais discreta. */
.chapeu,.chapeu-b,.kicker,.article-category,.newsletter-eyebrow,.rv-chapeu{text-transform:none;letter-spacing:.02em;font-size:.8125rem}
.chapeu::before,.chapeu-b::before,.kicker::before,.article-category::before,.newsletter-eyebrow::before,.rv-chapeu::before{width:20px;opacity:.6}

/* ---------- Seções: sem quadriculado; vestígio só na abertura ---------- */
main>section::before{display:none}
main>section.abertura::before{display:block;opacity:.16}
.article-hero::before,.legal-hero::before,.editorial-hero::before,.erro::before{opacity:.16!important}
/* Numeração de seção mais leve: mono pequeno, cor secundária, sem barra de cota. */
main>section:not(.abertura)::after{padding:10px 0 0;background:none;color:var(--tinta-2);opacity:.8;letter-spacing:.06em}
.produto-page .article-body>h2{background:none;padding-top:var(--s4)}
.produto-page .article-body>h2::before{top:0;color:var(--tinta-2);opacity:.8}
.legal-body h2,.pagina-b .legal-body h2,.boletim-pagina .hero-copy,.erro-quadro{background:none}
.pagina-b .legal-body h2{padding-top:0}
.boletim-pagina .hero-copy{padding-top:0}
.erro-quadro{padding-top:0}
/* Cabeçalho de seção sem régua milimetrada; mais respiro. */
.cabeca,.secao-escura .cabeca{padding-top:0;border-top:0;background:none}
.secao{padding:clamp(5rem,9vw,8.5rem) 0}
.secao+.secao{border-top-color:var(--filete-suave)}

/* ---------- Botões: 10 px; marcadores e etiquetas em pílula ---------- */
.btn,.tema-botao,.menu-botao,.mapa-opcoes button,.produto-irmaos a,.commercial button,.boletim-pagina .commercial button,.rv-tema{border-radius:var(--raio-btn)}
.btn{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.btn-ouro,.btn-gold{box-shadow:none}
.acoes-flutuantes button{border-radius:50%}
.selos-texto li,.etiquetas-linha li,.temas li,.isc-modulos li,.editorial-topics a,.editorial-topics button,.insight-tools span,.pagina-b .insight-tools span,.legal-date,.trilha .etiqueta,.pagina-b .trilha .etiqueta,.produto-cards .protocolo,.rv-exemplo,.vitrine-barra span{border-radius:999px}
.selos-texto li,.etiquetas-linha li,.temas li,.isc-modulos li,.editorial-topics a,.pagina-b .insight-tools span{text-transform:none;letter-spacing:.02em}
.isc-selo{border-radius:var(--raio)}
.marca img{border-radius:50%}
.pular{border-radius:var(--raio-sm)}

/* ---------- Campos ---------- */
.campo input:not([type=checkbox]),.campo select,.campo textarea,.boletim-pagina .field input,.boletim-pagina .field select,.capture-field input,.capture-field select,.newsletter-field input,.newsletter-field select{border-radius:var(--raio-sm)}
.capture-form,.lead-magnet,.newsletter-dialog{border-radius:var(--raio-lg)}

/* ---------- Cartões: superfície tingida, sombra em camadas, sem cantoneiras ---------- */
:root body :is(.cartao,.plano,.avulso,.mapa,.form,.folha,.isc-painel,.em-acao,.compromisso,.prevencao-bloco,.heranca-mes,.provas li,.fundamentos-grade li,.boletim,.plano-detalhe,
  .aside-card,.legal-aside,.produto-cards>li,.duas-colunas>div,.eixo-article-cta,.boletim-pagina .card,.decomposicao>div,.contraste>div,.comparar article,.chamada){
  border:1px solid var(--cartao-borda)!important;border-radius:var(--raio-lg)!important;background:var(--cartao-bg)!important;box-shadow:var(--sombra-cartao)!important}
:root body .secao-papel :is(.cartao,.fundamentos-grade li,.prevencao-bloco,.heranca-mes,.boletim,.decomposicao>div,.contraste>div){background:var(--cartao-bg-papel)!important}
:root body .plano-gold{box-shadow:var(--sombra-ouro),var(--sombra-cartao)!important}
:root body :is(.cartao,.plano,.avulso,.prevencao-bloco,.provas li,.fundamentos-grade li,.aside-card,.produto-cards>li,.duas-colunas>div,.decomposicao>div,.contraste>div){padding:clamp(1.5rem,3vw,2rem)}
.eixo,.isc-detalhe,.contato-nota,.mapa-caso,.vitrine-tela,.limite{border-radius:var(--raio-lg)}
.eixo-entregas div,.eixo-credito,.cadencia li,.mapa-fluxo li,.responsabilidade,.heranca-mes li,.rv-checagem,.rv-regras,.pgr-chamada{border-radius:var(--raio)}
.eixo{border-color:transparent;box-shadow:var(--sombra-cartao)}
.mapa-trilho,.mapa-trilho i,.lead-progress,.lead-progress .track,.lead-progress .track i{border-radius:999px}

/* Hover: só onde o cartão é clicável ou destaca leitura; 180 ms. */
.artigo,.insight-card,.rv-proxima,.aside-card,.cartao,.plano,.avulso{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
@media (hover:hover) and (pointer:fine){
  :root body :is(.cartao,.plano,.avulso,.aside-card):hover{box-shadow:var(--sombra-cartao-alta)!important}
  :root body .plano-gold:hover{box-shadow:var(--sombra-ouro),var(--sombra-cartao-alta)!important}
  .artigo:hover,.pagina-b .insight-card:hover,.rv-proxima:hover{transform:translateY(-2px)}
  .artigo:hover .artigo-capa{box-shadow:var(--sombra-cartao-alta)}
  .pagina-b .insight-card:hover,.rv .rv-proxima:hover{box-shadow:var(--sombra-cartao-alta)}
}

/* ---------- Diagramas: nós redondos ---------- */
.passo::before{border-radius:50%}
.trilha li::before,.eixo-fluxo li::before{border-radius:50%}
.pagina-b .trilha>li::after,.pagina-b .trilha>li+li::after{border-radius:50%}
.rv-tempo li::before{border-radius:50%}
.rv-box--reuniao ul li::before{border-radius:4px}
.rv-assinatura>*+*::before{border-radius:50%}
.pagina-b .insight-meta i,.boletim-pagina .promise i,.produto-irmaos a[aria-current="page"]::before{border-radius:50%}

/* ---------- Fotos, capas, vitrine ---------- */
.foto{border:0;border-radius:var(--raio-lg);box-shadow:var(--sombra-foto)}
.foto::after{border-top-right-radius:var(--raio-sm)}
:root body .artigo-capa{border-radius:var(--raio)!important;border-bottom-width:0;box-shadow:var(--sombra-cartao);transition:box-shadow .18s ease}
.vitrine-tela{border-color:var(--cartao-borda);box-shadow:var(--sombra-foto)}

/* ---------- Páginas internas (onlume-b-paginas.css) ---------- */
.pagina-b .insight-card,.pagina-b .editorial-list .insight-card,.pagina-b .editorial-list .insight-card-featured{overflow:hidden;border-color:var(--cartao-borda);border-radius:var(--raio-lg);background:var(--cartao-bg);box-shadow:var(--sombra-cartao)}
.pagina-b .insight-card::after{content:none}
.pagina-b .insight-card::before,.pagina-b .insight-card:has(.insight-capa)::before{top:12px;left:12px;border-radius:999px;padding:3px 10px}
.pagina-b .insight-capa{border-bottom-color:var(--cartao-borda)}
.pagina-b .newsletter-panel{border-color:transparent;border-radius:var(--raio-lg);background:var(--escura-bg);box-shadow:var(--sombra-cartao)}
.pagina-b .newsletter-panel,.pagina-b .eixo-article-cta,.boletim-pagina .card{padding:clamp(1.5rem,4vw,2.5rem)}
.linha-limite,.pagina-b .article-hero .linha-limite{border-left:0;border-radius:var(--raio)}
.pagina-b .article-callout{border-left-width:3px;border-left-color:var(--ouro)}
.pagina-b .article-faq summary::after{font-family:var(--sans);font-weight:300}
.boletim-pagina .commercial{border-left:1px solid var(--cartao-borda);border-color:var(--cartao-borda);border-radius:var(--raio)}
.pagina-b .article-layout,.pagina-b .legal-main,.pagina-b .editorial-list{padding-bottom:clamp(5rem,9vw,7.5rem)}

/* ---------- Revista ---------- */
.rv-box{border-top-width:1px;border-color:var(--cartao-borda);border-radius:var(--rv-raio);background:var(--cartao-bg)}
.rv-box--reuniao{border-color:transparent;background:var(--rv-escuro-bg)}
.rv-figura__arte:not(.rv-figura__arte--sem-moldura),.rv-proxima,.rv-tabela,.rv-ficha{border-color:var(--cartao-borda);background-color:var(--cartao-bg)}
.rv-figura__arte:not(.rv-figura__arte--sem-moldura){box-shadow:var(--rv-sombra)}
.rv-capa__arte img{border-color:transparent;border-radius:var(--raio-lg)}
.rv-proxima img{border-color:transparent;border-radius:var(--raio)}
.rv-sumario a{border-radius:0 var(--raio-sm) var(--raio-sm) 0}

/* ---------- Celular: respiro lateral e cantos visíveis ---------- */
@media(max-width:600px){
  .secao{padding:4.5rem 0 4rem}
  :root body :is(.cartao,.plano,.avulso,.prevencao-bloco,.provas li,.fundamentos-grade li,.aside-card,.produto-cards>li,.duas-colunas>div,.decomposicao>div,.contraste>div,.form,.mapa,.folha,.boletim){padding:var(--s3) 20px}
  .pagina-b .newsletter-panel,.pagina-b .eixo-article-cta,.boletim-pagina .card{padding:var(--s3) 20px}
  :root body :is(.cartao,.plano,.avulso,.aside-card,.produto-cards>li,.form,.folha){border-radius:var(--raio)!important}
}

@media (prefers-reduced-motion:reduce){
  .btn,.artigo,.insight-card,.rv-proxima,.aside-card,.cartao,.plano,.avulso,.artigo-capa{transition:none}
}
.rv .rv-titulo{margin:16px 0 24px}
/* Acessibilidade e toque (mescla de 19/10): :hover só com mouse, também sem movimento. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.artigo:hover,.pagina-b .insight-card:hover,.rv-proxima:hover{transform:none}}

/* ---------- Revisão de 20/10 (respostas do Jotta) ---------- */
/* Abertura no celular: a foto grande de fundo só aparece em tela larga (no celular ela ficava
   quase toda coberta pelo degradê e atrasava a primeira tela). */
@media(max-width:820px){.abertura-foto{display:none}}
/* Item 1: as quatro etapas da engrenagem são as premissas únicas do método em toda a home. */
.pilares{grid-template-columns:repeat(4,minmax(0,1fr))}
.metodo-intro{max-width:62ch;margin:0 0 var(--s6);color:var(--tinta-2);font-size:1.0625rem;line-height:1.6}
.fundamentos-grade .passo-n::before{content:none}
.fundamentos-grade .passo-n{letter-spacing:.04em}
@media(max-width:600px){
  .pilares{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pilares li{border-right:0;padding:var(--s1) var(--s1) var(--s1) 0}
  .pilares li+li{padding-left:0}
  .pilares li:nth-child(even){padding-left:var(--s2);border-left:1px solid var(--cromo-linha)}
  .pilares li:nth-child(n+3){border-top:1px solid var(--cromo-linha)}
}
/* Item 4: títulos com mais largura e quebra equilibrada; no computador, no máximo duas ou três linhas. */
h1,h2,h3,h4{text-wrap:balance}
@media(min-width:981px){
  .cabeca{grid-template-columns:7fr 5fr}
  .subcabeca{grid-template-columns:7fr 5fr}
  .cabeca h2,.sobre h2,.heranca h2,.entrega h2,.contato-grade h2{max-width:22ch}
  .subcabeca h3,.em-acao h3,.eixo h3,.avulso h3,.compromisso h3{max-width:28ch}
}
/* Item 8: formulário com erro explicado em texto junto de cada campo e grupo "WhatsApp / telefone ou e-mail *". */
.campo-grupo{margin:0;padding:0;border:0;min-width:0}
.campo-grupo>legend{padding:0;margin-bottom:var(--s1);font-size:.875rem;font-weight:600;color:var(--tinta)}
.campo-par{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s3)}
.campo-par>.campo>label{font-weight:500;color:var(--tinta-2)}
.campo-grupo .campo-dica{margin-top:var(--s1)}
.campo-erro{margin:4px 0 0;font-size:.875rem;font-weight:600;line-height:1.4;color:var(--erro-tx)}
.campo-erro::before{content:"! ";font-weight:700}
.campo-erro[hidden]{display:none}
@media(max-width:600px){.campo-par{grid-template-columns:1fr}}
/* Item 6: botões flutuantes de compartilhar e salvar continuam, sem cobrir texto nem formulário. */
.acoes-flutuantes.sobre-form,.acoes-flutuantes.com-campo{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none}
@media(max-width:820px){
  body .acoes-flutuantes{flex-direction:column;gap:8px}
  body .acoes-flutuantes button{width:44px;height:44px}
  body .acoes-flutuantes svg{width:19px;height:19px}
  .acoes-flutuantes.rolando{opacity:0;visibility:hidden;transform:translateX(16px);pointer-events:none}
  /* Espaço no fim do rodapé para os dois botões empilhados (44 + 8 + 44 px e a margem). */
  body .rodape{padding-bottom:calc(var(--s4,32px) + 112px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.acoes-flutuantes.rolando{transform:none}}
/* Item 10: página mais curta sem apagar conteúdo (planos com o que inclui recolhido, sem plano e detalhes
   da Área recolhidos, valor dos planos dito uma vez, guias com capa pequena ao lado no celular). */
.plano-inclui{margin:var(--s3) 0 var(--s4)}
.plano-inclui>.mais-resumo{min-height:48px;padding:var(--s1) 0;font-size:1rem}
.plano-inclui[open]>.mais-resumo::after{content:"−"}
.plano-inclui ul{margin:var(--s2) 0 0}
.planos-cabeca p strong{color:var(--tinta)}
.eixo-credito a{color:inherit;text-decoration:underline;text-underline-offset:4px}
details.avulsos-mais,details.plataforma-mais{margin-top:var(--s5)}
@media(max-width:600px){
  .artigos{gap:0}
  .artigos .artigo{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--s2);padding:var(--s2) 0;border-top:1px solid var(--linha)}
  .artigos .artigo-capa{grid-row:1/4;margin:0;align-self:start}
  .artigos .artigo h3{font-size:1.0625rem;margin-top:4px}
  .artigos .artigo .link{padding-top:4px}
}
/* Leitura (revisão de 20/10): escala de seis tamanhos na home — rótulo 13, texto 17 (16 no celular),
   destaque 20, subtítulo 28 (24 no celular), título 52 (34 no celular) e abertura 76 (39 no celular).
   Exceção mantida: rótulo e situação das medalhas do ISC (12 px, para caber na caixa). */
:root{--fs-rotulo:.8125rem;--fs-texto:1.0625rem;--fs-destaque:1.25rem;--fs-subtitulo:1.75rem;--fs-titulo:clamp(2.125rem,3.7vw,3.25rem);--fs-abertura:clamp(2.4375rem,5.3vw,4.77rem)}
@media(max-width:600px){:root{--fs-texto:1rem;--fs-subtitulo:1.5rem}}
:root body main :is(.chapeu,.heranca-mes li span,.vitrine figcaption strong,.cadencia small,.heranca-mes small,.mapa-fluxo small,.onde-lista small,.pilares span,.plano-metricas dt,.artigo small,.eixo-investimento small,.folha-cabeca span,.mapa-cabeca span,.metodo-leitura span,.vitrine-barra span,.vitrine figcaption,.aplicacao span,.avulso-valor small,.avulso-valor span,.compromisso-numero small,.compromisso-numero span,.form-chapeu,.isc-modulos-rotulo,.isc-painel-chapeu,.itens span,.mapa-proximo span,.mapa-rotulo,.plano-rotulo,.etiquetas-linha li,.isc-modulos li,.selos-texto li,.temas li,.eixo-fluxo span,.jornada span,.jornada b,.eixo-fluxo b,.acoes-nota,.abertura-nota,.form-nota,.limite-planos,.isc-aviso,.nota-pequena,.campo-dica,.passo-n,.mapa-opcoes button,.mapa-codigo span,.mapa-codigo b,.mapa-tags span){font-size:var(--fs-rotulo)}
:root body main :is(.cadencia p,.faq details p,.faq summary,.fundamentos-grade p,.onde-lista p,.plano-inclui li,.avulso p,.cartao p,.plano p,.eixo-investimento p,.mapa-caso p,.passo p,.folha-itens dd,.eixo-entregas dd,.eixo-entregas dt,.isc-camadas dd,.qualidades dd,.provas span,.isc-detalhe p,.isc-integridade,.isc-painel-nota,.contato-nota,.plano-metricas dd,.mapa-proximo strong,.metodo-leitura p,.campo>label,.campo-grupo>legend,.consentimento span,.btn,.link,.mais-resumo,.eixo-credito,.corrido p,.cabeca p,.subcabeca p,.intro,.e-nao li,.plataforma li,.isc .corpo,.entrega .corpo,.folha-pe,.boletim p,.heranca-mes p,.mapa-caso .mapa-proximo strong){font-size:var(--fs-texto)}
:root body main :is(.lead,.folha-itens dt,.pilares strong,.mapa-fluxo strong,.isc-camadas dt,.qualidades dt,.isc-detalhe strong,.fundamentos-grade h4,.onde-lista h4,.provas strong,.artigo h3,.metodo-leitura strong,.destaque,.mapa-pe,.heranca-mes li strong){font-size:var(--fs-destaque)}
:root body main :is(.cadencia h3,.compromisso h3,.heranca-mes h3,.plataforma h3,.avulso h3,.cartao h3,.isc-painel h3,.subcabeca h3,.passo h3,.faq-titulo,.folha-cabeca strong,.mapa-cabeca strong,.mapa-caso>strong,.entrega .sub,.avulso-valor strong,.e-nao h4,.eixo-investimento strong,.citacao,.plano h4,.eixo-texto h3,.diferenca h3){font-size:var(--fs-subtitulo)}
:root body main :is(.cabeca h2,.sobre h2,.heranca h2,.entrega h2,.contato-grade h2,.isc h2,.compromisso-numero strong){font-size:var(--fs-titulo)}
:root body main .abertura h1{font-size:var(--fs-abertura)}
:root body main .mapa-opcoes button{min-height:44px}
@media(max-width:600px){:root body main .artigos .artigo h3{font-size:var(--fs-texto);font-weight:600}}
/* Cabeçalho (revisão de 20/10): "Área do Cliente" e "Falar" sem quebrar a 1024 px; alvos de 44 px. No celular,
   "Minha Área" sempre visível no cabeçalho (44 px, sem abrir o menu e sem empurrar a marca); o tema passa para o menu. */
.topo-acoes .btn{white-space:nowrap}
@media(min-width:981px){.menu a{min-width:44px;justify-content:center}}
.topo-area .topo-area-curto,.menu .menu-tema{display:none}
@media(min-width:981px) and (max-width:1240px){
  .topo-acoes .btn-ouro .rotulo-longo{display:none}
  .topo-acoes .btn-ouro .rotulo-curto{display:inline}
  .menu{gap:var(--s2)}
}
@media(max-width:820px){
  :root body .topo-acoes .topo-area{display:inline-flex!important;width:auto!important;min-width:44px;min-height:44px;height:44px;padding:0 10px!important;gap:6px;flex:none}
  :root body .topo-area .topo-area-longo{display:none}
  :root body .topo-area .topo-area-curto{display:inline;margin:0;font-size:.875rem}
  :root body .topo-area svg{margin:0}
}
@media(max-width:600px){
  :root body .topo-acoes{gap:6px}
  :root body .topo-acoes .tema-botao{display:none!important}
  :root body .topo-acoes .btn-ouro,:root body .menu-botao{min-height:44px;height:44px}
  :root body .menu-botao{width:44px!important}
  :root body .topo-acoes .btn-ouro{padding:0 12px}
  :root body .marca{flex:0 0 auto}
  .topo.aberto .menu .menu-tema{display:flex;align-items:center;min-height:48px;padding:0 var(--s1);border:0;border-bottom:1px solid var(--cromo-divisoria);background:transparent;color:var(--cromo-tx-menu);font:inherit;font-size:1rem;text-align:left;cursor:pointer}
}
@media(max-width:374px){
  :root body .topo-area .topo-area-curto{font-size:.8125rem}
  :root body .topo-acoes .topo-area{padding:0 8px!important;gap:4px}
  :root body .topo-acoes .btn-ouro{padding:0 10px}
  :root body .marca-nome{font-size:1.0625rem}
}

/* Cabeçalho no celular (20/10, prints do Jotta com fonte do sistema ampliada): o nome onLUME fica sempre ao lado
   da engrenagem; quem cede espaço são as ações. Até 480 px "Minha Área" vira ícone de 44 px (o rótulo continua no
   aria-label) e, abaixo de 360 px, o "Falar" sai do cabeçalho (está no menu e na abertura). */
@media(max-width:480px){
  :root body .marca{flex:0 0 auto;gap:8px}
  :root body .marca img{width:30px;height:30px}
  :root body .marca .marca-nome{display:inline;font-size:1.125rem;white-space:nowrap}
  :root body .topo .topo-acoes{min-width:0;flex:1 1 auto;justify-content:flex-end}
  :root body .topo-area .topo-area-curto{display:none}
  :root body .topo-acoes .topo-area{width:44px!important;padding:0!important;justify-content:center}
  :root body .topo-acoes .btn-ouro{padding:0 12px}
  :root body .topo-acoes .menu-botao{flex:none}
}
@media(max-width:359px){
  :root body .topo-acoes .btn-ouro{display:none}
}

/* Título da abertura (20/10, pedido do Jotta: "mais forte"). Primeira frase em IBM Plex Sans mais pesada e
   condensada; a segunda em Newsreader itálico de título, em ouro, para dar o contraste editorial.
   Fonte: recorte da Newsreader itálica (OFL), tamanho óptico 72, peso 400, só latim; 19 KB. */
:root{--titulo-ouro-claro:#f6e3a1;--titulo-ouro-meio:#e2c167;--titulo-ouro-fundo:#c49a3e}
@font-face{font-family:"Newsreader Titulo";src:url("/assets/fonts/newsreader/newsreader-display-italic-400.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
:root body main .abertura h1{font-weight:640;font-stretch:84%;letter-spacing:-.038em;line-height:.98;text-wrap:balance}
:root body main .abertura h1 em{display:block;margin-top:.06em;font-family:"Newsreader Titulo",Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-stretch:normal;font-size:1.08em;letter-spacing:-.022em;line-height:.98;color:var(--escura-destaque);background:linear-gradient(180deg,var(--titulo-ouro-claro) 0%,var(--titulo-ouro-meio) 48%,var(--titulo-ouro-fundo) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.06em}
@media(forced-colors:active){:root body main .abertura h1 em{-webkit-text-fill-color:currentColor;background:none}}

/* Títulos das seções (20/10, pedido do Jotta): a segunda parte do título usa a mesma Newsreader itálica da abertura. */
:root body main :is(.secao h2 em,.secao h3 em,.eixo h3 em){font-family:"Newsreader Titulo",Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-stretch:normal;letter-spacing:-.015em;font-size:1.06em}
:root body main :is(.cabeca h2,.sobre h2,.heranca h2,.entrega h2,.contato-grade h2,.isc h2){font-weight:600;letter-spacing:-.03em}

/* "O que a onLUME é. O que não é." (20/10, pedido do Jotta): posicionamento em frases curtas, sem justificativa. */
:root body main .diferenca{margin-top:var(--s5,4rem)}
:root body main .posicao-titulo{font-size:var(--fs-titulo);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0 0 var(--s3,2rem)}
.posicao{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3,2rem)}
.posicao ul{list-style:none;margin:0;padding:0}
.posicao-rotulo{font-family:var(--mono);font-size:var(--fs-rotulo);letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--s1,.75rem);padding-bottom:var(--s1,.75rem);border-bottom:2px solid var(--acento)}
.posicao-nao .posicao-rotulo{border-bottom-color:var(--linha)}
.posicao li{position:relative;padding:14px 0 14px 34px;border-bottom:1px solid var(--linha);font-family:var(--sans);font-size:1.3125rem;font-weight:500;letter-spacing:-.015em;line-height:1.3;color:var(--tinta)}
.posicao li::before{content:"";position:absolute;left:0;top:18px;width:20px;height:20px;border-radius:50%;background:var(--acento);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.4 14.2L4.8 10.4l1.4-1.4 2.4 2.4 5.2-5.2 1.4 1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.4 14.2L4.8 10.4l1.4-1.4 2.4 2.4 5.2-5.2 1.4 1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.posicao-nao li{color:var(--tinta-2);font-weight:400}
.posicao-nao li::before{background:var(--tinta-2);opacity:.7;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 1.6a8.4 8.4 0 1 1 0 16.8 8.4 8.4 0 0 1 0-16.8zM6.5 5.1L10 8.6l3.5-3.5 1.4 1.4-3.5 3.5 3.5 3.5-1.4 1.4-3.5-3.5-3.5 3.5-1.4-1.4 3.5-3.5-3.5-3.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 1.6a8.4 8.4 0 1 1 0 16.8 8.4 8.4 0 0 1 0-16.8zM6.5 5.1L10 8.6l3.5-3.5 1.4 1.4-3.5 3.5 3.5 3.5-1.4 1.4-3.5-3.5-3.5 3.5-1.4-1.4 3.5-3.5-3.5-3.5z'/%3E%3C/svg%3E")}
@media(max-width:700px){.posicao{grid-template-columns:1fr;gap:var(--s3,2rem)}.posicao li{font-size:1.125rem}}

/* Ícones dos cartões de Soluções (20/10): traço fino na cor de destaque, sem preenchimento. */
.cartao-icone{display:block;width:40px;height:40px;margin:0 0 var(--s2,1.25rem);fill:none;stroke:var(--acento);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cartao-icone circle[r="1.6"]{fill:var(--acento)}

/* ---------- Paleta grafite metálico (20/10, pedido do Jotta: "muito verde"). ----------
   O verde fica só na marca (o "on" e o botão de ligar da engrenagem); superfícies escuras passam a grafite com
   brilho metálico discreto; o ouro continua como destaque. Só tokens; as regras de uso estão logo abaixo. */
:root{
  --fundo:#F3F2EF;--superficie:#FAFAF8;--superficie-2:#E9E7E2;
  --tinta:#16181B;--tinta-2:#4A4F55;--linha:#D6D3CC;--linha-forte:#2A2E33;
  --acento:#2A2E33;--acento-sub:rgba(42,46,51,.4);--foco:#2A2E33;--cota:#2A2E33;
  --titulo-destaque:#7A5F17;
  --btn-solido-bg:#1E2125;--btn-solido-tx:#FFFFFF;--btn-solido-hover:#000000;
  --btn-ouro-tx:#16181B;
  --campo-tx:#16181B;
  --escura-bg:#17191C;--escura-tx:#F3F2EF;--escura-tx-2:#C3C6CA;
  --folha-bg:#FAFAF8;--folha-tx:#16181B;--folha-tx-2:#4A4F55;--folha-borda:#D6D3CC;--folha-linha:#D6D3CC;--folha-termo:#2A2E33;
  --capa-bg:#E9E7E2;--capa-borda:#D6D3CC;
  --hero-bg:#141619;--topo-bg:#141619;--rodape-bg:#0E0F11;
  --grade:rgba(42,46,51,.07);
  --cartao-bg:#FCFCFA;--cartao-bg-papel:#F7F6F3;
  --cartao-borda:rgba(22,24,27,.07);--filete-suave:rgba(22,24,27,.09);
  --sombra-cartao:0 1px 2px rgba(22,24,27,.04),0 4px 12px -2px rgba(22,24,27,.05),0 18px 36px -20px rgba(22,24,27,.18);
  --sombra-cartao-alta:0 2px 4px rgba(22,24,27,.05),0 12px 24px -8px rgba(22,24,27,.10),0 30px 52px -24px rgba(22,24,27,.24);
  --sombra-foto:0 2px 6px rgba(22,24,27,.06),0 24px 44px -26px rgba(22,24,27,.4);
  --metal-grafite:linear-gradient(160deg,#24272C 0%,#17191C 46%,#101114 100%);
  --metal-brilho:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.14) 50%,rgba(255,255,255,0) 100%);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --fundo:#0F1012;--superficie:#16181B;--superficie-2:#1D2024;
    --tinta:#EDEBE6;--tinta-2:#B7BBC0;--linha:#2C3035;--linha-forte:#C9A646;
    --acento:#DCC274;--acento-sub:rgba(220,194,116,.45);--foco:#E2C877;--cota:#DCC274;
    --titulo-destaque:#DCC274;
    --btn-solido-bg:#EDEBE6;--btn-solido-tx:#16181B;--btn-solido-hover:#FFFFFF;
    --campo-bg:#0B0C0E;--campo-borda:#80868D;--campo-tx:#EDEBE6;--campo-placeholder:#979CA2;
    --escura-bg:#15171A;--escura-borda:#2C3035;
    --folha-bg:#0B0C0E;--folha-tx:#EDEBE6;--folha-tx-2:#B7BBC0;--folha-borda:#2C3035;--folha-linha:#2C3035;--folha-termo:#DCC274;
    --capa-bg:#16181B;--capa-borda:#2C3035;
    --hero-bg:#111214;--topo-bg:#111214;--rodape-bg:#0A0B0C;
    --cartao-bg:#17191D;--cartao-bg-papel:#1A1D21;
    --metal-grafite:linear-gradient(160deg,#202328 0%,#141619 46%,#0D0E10 100%);
    --vitrine-borda:#2C3035;
  }
}
:root[data-theme="dark"]{
  --fundo:#0F1012;--superficie:#16181B;--superficie-2:#1D2024;
  --tinta:#EDEBE6;--tinta-2:#B7BBC0;--linha:#2C3035;--linha-forte:#C9A646;
  --acento:#DCC274;--acento-sub:rgba(220,194,116,.45);--foco:#E2C877;--cota:#DCC274;
  --titulo-destaque:#DCC274;
  --btn-solido-bg:#EDEBE6;--btn-solido-tx:#16181B;--btn-solido-hover:#FFFFFF;
  --campo-bg:#0B0C0E;--campo-borda:#80868D;--campo-tx:#EDEBE6;--campo-placeholder:#979CA2;
  --escura-bg:#15171A;--escura-borda:#2C3035;
  --folha-bg:#0B0C0E;--folha-tx:#EDEBE6;--folha-tx-2:#B7BBC0;--folha-borda:#2C3035;--folha-linha:#2C3035;--folha-termo:#DCC274;
  --capa-bg:#16181B;--capa-borda:#2C3035;
  --hero-bg:#111214;--topo-bg:#111214;--rodape-bg:#0A0B0C;
  --cartao-bg:#17191D;--cartao-bg-papel:#1A1D21;
  --metal-grafite:linear-gradient(160deg,#202328 0%,#141619 46%,#0D0E10 100%);
  --vitrine-borda:#2C3035;
}
/* Superfícies escuras em grafite com brilho metálico: um filete de luz no topo e o degradê diagonal. */
:root body :is(.abertura,.secao-escura,.rodape){background-color:var(--escura-bg);background-image:var(--metal-grafite)}
:root body :is(.secao-escura,.rodape){position:relative}
:root body :is(.secao-escura,.rodape)::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--metal-brilho);pointer-events:none}
:root body .topo{background:var(--topo-bg)}
:root body main :is(.secao h2 em,.secao h3 em){color:var(--titulo-destaque)}
:root body main :is(.secao-escura h2 em,.secao-escura h3 em,.eixo h3 em){color:var(--escura-destaque)}
/* Mira atrás da engrenagem (20/10, print do Jotta): no celular as linhas de centro ficavam fora do eixo da engrenagem
   e cortavam o texto "Método em movimento". Sai em todas as larguras. */
:root body .abertura-simbolo::before{content:none;background:none}

/* ---------- Tema verde grafite noturno + grafite + dourado (20/10, pedido do Jotta). ----------
   Abertura e seções escuras em verde grafite (verde dessaturado, quase grafite); cabeçalho e rodapé em grafite
   neutro; botões e filetes do tema claro em verde grafite; ouro como destaque. */
:root{
  --verde-grafite:#1F3A2F;
  --acento:#1F3A2F;--acento-sub:rgba(31,58,47,.4);--foco:#1F3A2F;--cota:#1F3A2F;--linha-forte:#1F3A2F;
  --btn-solido-bg:#1F3A2F;--btn-solido-hover:#12231C;
  --escura-bg:#16241F;--hero-bg:#14211C;
  --metal-grafite:linear-gradient(160deg,#21352D 0%,#16241F 50%,#0F1915 100%);
  --metal-neutro:linear-gradient(160deg,#24272C 0%,#17191C 46%,#101114 100%);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --acento:#DCC274;--acento-sub:rgba(220,194,116,.45);--foco:#E2C877;--cota:#DCC274;--linha-forte:#C9A646;
    --btn-solido-bg:#EDEBE6;--btn-solido-hover:#FFFFFF;
    --fundo:#0F1311;--superficie:#151B18;--superficie-2:#1B231F;--linha:#2A3530;
    --cartao-bg:#161D1A;--cartao-bg-papel:#19211D;
    --escura-bg:#13201B;--hero-bg:#111D18;
    --metal-grafite:linear-gradient(160deg,#1E3029 0%,#13201B 50%,#0C1512 100%);
    --metal-neutro:linear-gradient(160deg,#202328 0%,#141619 46%,#0D0E10 100%);
  }
}
:root[data-theme="dark"]{
  --acento:#DCC274;--acento-sub:rgba(220,194,116,.45);--foco:#E2C877;--cota:#DCC274;--linha-forte:#C9A646;
  --btn-solido-bg:#EDEBE6;--btn-solido-hover:#FFFFFF;
  --fundo:#0F1311;--superficie:#151B18;--superficie-2:#1B231F;--linha:#2A3530;
  --cartao-bg:#161D1A;--cartao-bg-papel:#19211D;
  --escura-bg:#13201B;--hero-bg:#111D18;
  --metal-grafite:linear-gradient(160deg,#1E3029 0%,#13201B 50%,#0C1512 100%);
  --metal-neutro:linear-gradient(160deg,#202328 0%,#141619 46%,#0D0E10 100%);
}
:root body .rodape{background-image:var(--metal-neutro)}