/* GERADO por tools/velocidade/montar-css-interna.cjs a partir de onlume-v17-editorial.css, onlume-produtos.css, onlume-app-shell.css, onlume-b.css, onlume-b-paginas.css, onlume-b-refino.css (as marcadas com * só com as regras que casam com 3 página(s) do grupo). Não editar à mão. */
/* ---- onlume-v17-editorial.css * ---- */
.editorial-page{background:#061711;color:#f7f2e7}
.editorial-shell{width:min(calc(100% - 40px),1120px);margin:auto}
.editorial-footer{padding:32px 0;color:#8fa096;font-size:.75rem;border-top:1px solid rgba(201,166,70,.13)}
.editorial-footer .editorial-shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@keyframes newsletter-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.article-hero{padding:102px 0 58px;border-bottom:1px solid rgba(201,166,70,.15);background:radial-gradient(circle at 84% 18%,rgba(201,166,70,.12),transparent 28%)}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#93a49a;font-size:.75rem}
.breadcrumbs a{color:#d5bd70}
.breadcrumbs span+span:before{content:"/";margin-right:8px;color:#52665a}
.article-category{display:inline-flex;margin-top:31px;color:#e0c56e;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.article-hero h1{max-width:16ch;margin:15px 0 20px;font-size:clamp(3.3rem,6vw,6rem);line-height:.9;letter-spacing:-.04em}
.article-deck{max-width:68ch;margin:0;color:#bac7bf;font-size:1.02rem;line-height:1.85}
.article-layout{display:grid;grid-template-columns:minmax(0,730px) minmax(230px,1fr);gap:70px;padding:70px 0 92px}
.article-body{font-family:Montserrat,Arial,sans-serif;color:#d0d9d3;font-size:1rem;line-height:1.95}
.article-body h2{margin:54px 0 15px;color:#fff7e6;font-size:2.5rem;line-height:1}
.article-body h3{margin:36px 0 12px;color:#f2e2ad;font-size:1.65rem}
.article-body p{margin:0 0 21px}
.article-body ul,.article-body ol{margin:0 0 25px;padding-left:23px}
.article-body li{margin:9px 0}
.article-callout{margin:34px 0;padding:24px 26px;border-left:3px solid #c9a646;background:rgba(201,166,70,.06);color:#f3ead7;font-family:'Cormorant Garamond',serif;font-size:1.55rem;line-height:1.35}
.article-checklist{display:grid;gap:10px;margin:25px 0}
.article-checklist div{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start;padding:14px 15px;border:1px solid rgba(201,166,70,.15);border-radius:12px;background:#0a2118}
.article-checklist b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(201,166,70,.1);color:#efd47a;font-size:.75rem}
.article-aside{align-self:start;position:sticky;top:100px;display:grid;gap:12px}
.aside-card{padding:22px;border:1px solid rgba(201,166,70,.18);border-radius:17px;background:#0a2118}
.aside-card small{color:#c5a950;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}
.aside-card strong{display:block;margin:9px 0 12px;font-family:'Cormorant Garamond',serif;font-size:1.4rem}
.aside-card p{margin:0;color:#91a398;font-size:.8125rem;line-height:1.65}
.aside-card a{display:inline-block;margin-top:15px;color:#efd889;font-size:.75rem;font-weight:700}
.article-note{margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#81948a;font-size:.8125rem;line-height:1.7}
.article-lead{color:#f4ecdc;font-family:'Cormorant Garamond',serif;font-size:1.45rem;line-height:1.5}
.article-body a{color:#efd889;text-decoration:underline;text-decoration-color:rgba(239,216,137,.34);text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){
.article-body a:hover{color:#fff1b7}
}
.eixo-article-cta{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;margin:34px 0 54px;padding:28px;border:1px solid rgba(201,166,70,.2);border-radius:20px;background:linear-gradient(120deg,rgba(239,216,137,.08),rgba(255,255,255,.015))}
.eixo-article-cta span{color:#d3b85f;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.eixo-article-cta h2{margin:9px 0 8px;font-size:2rem}
.eixo-article-cta p{margin:0;color:#99aa9f;font-size:.8125rem;line-height:1.7}
.eixo-article-cta .btn{min-width:205px;text-decoration:none}
.article-faq{display:grid;gap:9px}
.article-faq details{border:1px solid rgba(201,166,70,.15);border-radius:13px;background:#0a2118}
.article-faq summary{padding:17px 46px 17px 18px;color:#f1eadb;font-size:.76rem;font-weight:600;cursor:pointer;list-style:none;position:relative}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary:after{content:"+";position:absolute;right:18px;top:13px;color:#d7b95a;font:500 1.3rem/1 'Cormorant Garamond',serif}
.article-faq details[open] summary:after{content:"−"}
.article-faq p{margin:0;padding:0 18px 18px;color:#9caf9f;font-size:.8125rem;line-height:1.75}
@media(max-width:900px){
.article-layout{grid-template-columns:1fr}
.article-aside{position:static;grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
.editorial-shell{width:min(calc(100% - 28px),1120px)}
.article-hero{padding:88px 0 48px}
.article-hero h1{font-size:clamp(3rem,14vw,4.2rem)}
.article-layout{padding:54px 0 70px;gap:42px}
.article-aside{grid-template-columns:1fr}
.eixo-article-cta{grid-template-columns:1fr}
.eixo-article-cta .btn{width:100%}
}
.breadcrumbs a,.aside-card a,.editorial-footer a{position:relative}
.breadcrumbs a::after,.aside-card a::after,.editorial-footer a::after,.article-faq summary::before{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
@media (prefers-reduced-motion:no-preference){
.btn{transition:transform .12s ease-out}
.btn:active{transform:scale(.97)}
}
@media (prefers-reduced-motion:reduce){
.btn:active{opacity:.88}
}
/* ---- onlume-produtos.css ---- */
/* onLUME · páginas de produto (/armadura/, /lastro/, /transicao/).
   Complementa onlume-v17-editorial.css (cabeçalho, hero, corpo, aside, FAQ e rodapé do modelo editorial). */

.pular{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;border-radius:10px;background:#efd889;color:#142018;font-size:.75rem;font-weight:700}
.pular:focus{top:12px}
.produto-page a:focus-visible,.produto-page button:focus-visible,.produto-page summary:focus-visible{outline:2px solid #efd889;outline-offset:3px;border-radius:6px}
.produto-page .article-hero h1{max-width:18ch}
.produto-page .article-body h2{scroll-margin-top:96px}
.produto-page [id]{scroll-margin-top:96px}

/* Navegação entre as páginas de produto (visível também no celular) */
.produto-irmaos{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.produto-irmaos a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid rgba(201,166,70,.23);border-radius:999px;color:#d4dfd8;font-size:.75rem;font-weight:600}
@media (hover:hover) and (pointer:fine){.produto-irmaos a:hover{border-color:#c9a646;color:#fff}}
.produto-irmaos a[aria-current="page"]{border-color:rgba(239,216,137,.6);background:rgba(239,216,137,.08);color:#f2dd96}

/* Linha de limite (o que a LUME faz e não faz) */
.linha-limite{margin:28px 0 0;padding:16px 18px;border:1px solid rgba(201,166,70,.32);border-radius:14px;background:rgba(201,166,70,.06);color:#f3ead7;font-size:.86rem;line-height:1.7}
.linha-limite strong{color:#efd889}

/* Cartões de módulo e de entrega */
.produto-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 30px;padding:0;list-style:none}
.produto-cards>li{margin:0;padding:22px;border:1px solid rgba(201,166,70,.16);border-radius:16px;background:#0a2118;line-height:1.7}
.produto-cards>li.largo{grid-column:1/-1}
.produto-cards small{display:block;color:#c5a950;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.produto-cards h3{margin:8px 0 8px;color:#fff4dc;font-size:1.6rem;line-height:1.05}
.produto-cards p{margin:0 0 10px;color:#b9c6be;font-size:.86rem}
.produto-cards p:last-child{margin-bottom:0}
.produto-cards .protocolo{display:inline-block;margin-left:6px;padding:2px 7px;border:1px solid rgba(239,216,137,.3);border-radius:6px;color:#efd889;font:600 .75rem Montserrat,Arial,sans-serif;letter-spacing:.04em;vertical-align:middle}
.produto-cards .vista{padding-top:10px;border-top:1px solid rgba(255,255,255,.07);color:#93a69a;font-size:.78rem}
.produto-cards a{color:#efd889}

/* Trilha da transição: etapas numeradas e contratáveis à parte */
.trilha{display:grid;gap:14px;margin:28px 0 34px;padding:0;list-style:none;counter-reset:etapa}
.trilha>li{position:relative;margin:0;padding:24px 24px 24px 76px;border:1px solid rgba(201,166,70,.18);border-radius:18px;background:#0a2118;counter-increment:etapa}
.trilha>li:before{content:counter(etapa,decimal-leading-zero);position:absolute;left:22px;top:24px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(201,166,70,.12);color:#efd47a;font:700 .78rem Montserrat,Arial,sans-serif}
.trilha>li+li:after{content:"";position:absolute;left:40px;top:-15px;width:1px;height:15px;background:rgba(201,166,70,.35)}
.trilha h3{margin:0 0 6px;color:#fff4dc;font-size:1.65rem;line-height:1.05}
.trilha .etiqueta{display:inline-block;margin-bottom:10px;padding:3px 9px;border-radius:999px;background:rgba(83,231,102,.08);border:1px solid rgba(83,231,102,.22);color:#a9e7b2;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.trilha p{margin:0 0 10px;color:#b9c6be;font-size:.86rem;line-height:1.7}
.trilha ul{margin:0 0 10px;padding-left:18px;color:#b9c6be;font-size:.84rem;line-height:1.7}
.trilha li li{margin:4px 0}
.trilha .limite{color:#93a69a;font-size:.78rem}
.trilha a{color:#efd889}

/* Fluxo mensal em passos curtos */
.passos{display:grid;gap:10px;margin:22px 0 30px;padding:0;list-style:none;counter-reset:passo}
.passos>li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;margin:0;padding:14px 15px;border:1px solid rgba(201,166,70,.15);border-radius:12px;background:#0a2118;counter-increment:passo;color:#c9d3cd;font-size:.86rem;line-height:1.65}
.passos>li:before{content:counter(passo);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(201,166,70,.1);color:#efd47a;font-size:.75rem;font-weight:700}
.passos strong{color:#f4f1e8}

/* Duas colunas: o que aparece × o que fica de fora */
.duas-colunas{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 30px}
.duas-colunas>div{padding:20px;border:1px solid rgba(201,166,70,.16);border-radius:16px;background:#0a2118}
.duas-colunas h3{margin:0 0 10px;color:#f2e2ad;font-size:1.35rem}
.duas-colunas ul{margin:0;padding-left:18px;color:#b9c6be;font-size:.84rem;line-height:1.7}

.produto-page .eixo-article-cta .btn{white-space:normal;text-align:center;line-height:1.3;padding:12px 19px}
.cta-secundario{display:block;margin-top:12px;color:#efd889;font-size:.75rem;font-weight:700}

/* O corpo editorial recua listas e pinta links de dourado: neutralizar nos componentes */
.article-body .produto-cards,.article-body .trilha,.article-body .passos{padding-left:0}
.article-body .produto-cards>li,.article-body .trilha>li,.article-body .passos>li{margin:0}
.produto-page .article-body .btn-gold{color:#142018;text-decoration:none}
.produto-page .article-body .cta-secundario{text-decoration:none}

@media(max-width:900px){
  .produto-page .editorial-links{gap:10px}
}
@media(max-width:650px){
  .produto-cards,.duas-colunas{grid-template-columns:1fr}
  .produto-cards>li{padding:18px}
  .trilha>li{padding:20px 18px 20px 64px}
  .trilha>li:before{left:16px;top:20px;width:34px;height:34px}
  .trilha>li+li:after{left:33px}
  .produto-page .article-hero h1{font-size:clamp(2.6rem,12vw,3.6rem)}
  .produto-page .editorial-nav .btn{padding:0 14px;font-size:.75rem}
}

/* Acessibilidade e toque (19/10/2026): alvos de 44 px sem mudar o desenho. */
.produto-irmaos a,.cta-secundario{position:relative}
.produto-irmaos a::after,.cta-secundario::after,.pular::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
@media (prefers-reduced-motion:no-preference){
  .produto-irmaos a{transition:transform .12s ease-out}
  .produto-irmaos a:active{transform:scale(.97)}
}
/* ---- onlume-app-shell.css * ---- */
html{-webkit-tap-highlight-color:transparent}
a,button,summary,label,select,input,textarea,[role="button"]{touch-action:manipulation}
button,.btn,.tema-botao,.menu-botao{-webkit-user-select:none;user-select:none}
button{-webkit-touch-callout:none}
.tema-botao:active,.menu-botao:active{transform:scale(.96)}
.topo.aberto .menu{overscroll-behavior:contain}
.topo{padding-top:env(safe-area-inset-top,0px)}
html{scroll-padding-top:calc(88px + env(safe-area-inset-top,0px))}
@media (display-mode:standalone),(display-mode:fullscreen){
body:not(:has(.topo,.editorial-header))::before{content:"";position:fixed;inset:0 0 auto;z-index:1000;height:env(safe-area-inset-top,0px);background:rgba(4,20,14,.94);pointer-events:none}
}
.editorial-footer{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
:root{--app-respiro:12px;--app-base:calc(var(--app-respiro) + env(safe-area-inset-bottom,0px))}
@media(min-width:601px){
:root{--app-respiro:18px}
}
@media (display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){
html{overscroll-behavior-y:contain}
}
@media (prefers-reduced-motion:reduce){
.tema-botao:active,.menu-botao:active{transform:none}
}
@media (prefers-reduced-motion:no-preference){
@view-transition{navigation:auto}
.topo{view-transition-name:topo}
::view-transition-group(*){animation-duration:.2s;animation-timing-function:cubic-bezier(.23,1,.32,1)}
}
/* ---- onlume-b.css ---- */
/* Prévia · Direção B "Engenharia de precisão" (19/10/2026).
   Fontes de licença livre (SIL Open Font License 1.1), hospedadas no site:
   IBM Plex Sans (variável, eixos de peso e largura) para títulos e texto e
   IBM Plex Mono para rótulos, números e cotas. Licenças em assets/fonts/<família>/OFL.txt.
   Este arquivo só declara fontes e tokens; o desenho fica em estilo-final.css. */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:100 700;font-stretch:85% 100%;font-display:swap;src:url(/assets/fonts/ibm-plex-sans/ibm-plex-sans-latin-wdth-normal.woff2) format("woff2-variations"),url(/assets/fonts/ibm-plex-sans/ibm-plex-sans-latin-wdth-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:100 700;font-stretch:85% 100%;font-display:swap;src:url(/assets/fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-wdth-normal.woff2) format("woff2-variations"),url(/assets/fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-wdth-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Tokens da direção B (tema claro). Mesmos nomes da home, valores próprios. */
:root{
  --sans:"IBM Plex Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:var(--sans);                 /* a direção B não usa serifa */
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --raio:0px;

  --fundo:#F4F1EA;            /* creme: base do papel */
  --superficie:#FBF9F4;       /* papel claro: cartões, formulário */
  --superficie-2:#ECE7DC;     /* faixas e estados */
  --tinta:#13201A;
  --tinta-2:#46524C;
  --linha:#D3CCBD;            /* filete padrão */
  --linha-forte:#1F4D3A;      /* filete de cota */
  --acento:#1F4D3A;
  --acento-sub:rgba(31,77,58,.4);
  --numero:#6F5714;           /* ouro escuro para texto pequeno (AA sobre creme) */
  --foco:#1F4D3A;
  --cartao-sombra:none;
  --btn-solido-bg:#1F4D3A;--btn-solido-tx:#FFFFFF;--btn-solido-hover:#0F2A1F;
  --btn-ouro-bg:#C9A646;--btn-ouro-tx:#0F2A1F;--btn-ouro-hover:#D8BA62;
  --campo-bg:#FFFFFF;--campo-borda:#7D7566;--campo-tx:#13201A;--campo-placeholder:#686152;
  --escura-bg:#0F2A1F;--escura-tx:#F4F1EA;--escura-tx-2:#C1CCC5;--escura-destaque:#E2C877;--escura-borda:transparent;
  --folha-bg:#FBF9F4;--folha-tx:#13201A;--folha-tx-2:#46524C;--folha-borda:#D3CCBD;--folha-linha:#D3CCBD;--folha-termo:#1F4D3A;
  --capa-bg:#ECE7DC;--capa-borda:#D3CCBD;
  --hero-bg:#0F2A1F;--hero-luz:transparent;
  --topo-bg:#0F2A1F;
  --rodape-bg:#0B1F17;
  --cromo-linha:rgba(226,200,119,.22);

  /* Próprios da direção B */
  --grade:rgba(31,77,58,.075);        /* linhas da grade de 12 colunas */
  --grade-cromo:rgba(226,200,119,.075);
  --cota:#1F4D3A;                     /* marcas de canto e réguas */
  --casca:min(calc(100% - 32px),var(--max));
  --vitrine-borda:#D3CCBD;
  --vitrine-sombra:none;
  --celular-sombra:0 18px 40px -24px rgba(8,21,16,.45);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --fundo:#0B1A14;--superficie:#0F2219;--superficie-2:#142C21;
    --tinta:#EEE9DC;--tinta-2:#B4C1B9;--linha:#264434;--linha-forte:#C9A646;
    --acento:#DCC274;--acento-sub:rgba(220,194,116,.45);--numero:#DCC274;--foco:#E2C877;
    --cartao-sombra:none;
    --btn-solido-bg:#EEE9DC;--btn-solido-tx:#0F2A1F;--btn-solido-hover:#FFFFFF;
    --campo-bg:#08140F;--campo-borda:#7E9488;--campo-tx:#EEE9DC;--campo-placeholder:#93A49A;
    --escura-bg:#0F2A1F;--escura-borda:#264434;
    --folha-bg:#08140F;--folha-tx:#EEE9DC;--folha-tx-2:#B4C1B9;--folha-borda:#264434;--folha-linha:#264434;--folha-termo:#DCC274;
    --capa-bg:#0F2219;--capa-borda:#264434;
    --hero-bg:#0A1E16;--topo-bg:#0A1E16;--rodape-bg:#07140F;
    --grade:rgba(220,194,116,.06);--cota:#DCC274;
    --cartao-luz:none;--cartao-relevo:none;--secao-divisa:transparent;
    --vitrine-borda:#264434;--vitrine-sombra:none;
  }
}
:root[data-theme="dark"]{
  --fundo:#0B1A14;--superficie:#0F2219;--superficie-2:#142C21;
  --tinta:#EEE9DC;--tinta-2:#B4C1B9;--linha:#264434;--linha-forte:#C9A646;
  --acento:#DCC274;--acento-sub:rgba(220,194,116,.45);--numero:#DCC274;--foco:#E2C877;
  --cartao-sombra:none;
  --btn-solido-bg:#EEE9DC;--btn-solido-tx:#0F2A1F;--btn-solido-hover:#FFFFFF;
  --campo-bg:#08140F;--campo-borda:#7E9488;--campo-tx:#EEE9DC;--campo-placeholder:#93A49A;
  --escura-bg:#0F2A1F;--escura-borda:#264434;
  --folha-bg:#08140F;--folha-tx:#EEE9DC;--folha-tx-2:#B4C1B9;--folha-borda:#264434;--folha-linha:#264434;--folha-termo:#DCC274;
  --capa-bg:#0F2219;--capa-borda:#264434;
  --hero-bg:#0A1E16;--topo-bg:#0A1E16;--rodape-bg:#07140F;
  --grade:rgba(220,194,116,.06);--cota:#DCC274;
  --cartao-luz:none;--cartao-relevo:none;--secao-divisa:transparent;
  --vitrine-borda:#264434;--vitrine-sombra:none;
}
/* ---- onlume-b-paginas.css ---- */
/* onLUME · Direção B "Engenharia de precisão" nas páginas internas (19/10/2026).
   Páginas: /armadura, /lastro, /transicao (modelo editorial + onlume-produtos.css),
   /inteligencia, /inteligencia/newsletters, /privacidade, /termos, 404 e o
   cabeçalho e o rodapé dos artigos da Revista LUME.
   Carregar DEPOIS de onlume-b.css (fontes IBM Plex hospedadas e tokens) e das folhas
   antigas da página (onlume-v17-editorial.css, onlume-produtos.css, onlume-revista.css).
   Estas páginas não carregam onlume-v21.css nem onlume-b-final.css (desenhadas para a
   home): o cabeçalho é o mesmo da home, copiado aqui com os valores finais daquelas
   duas folhas. Sem cor literal fora dos blocos de tokens; tons intermediários saem
   de color-mix sobre os tokens. Contraste: os mesmos pares de DESIGN.md. */

/* ---------- Tokens que a home recebe de onlume-v21.css ---------- */
:root{
  color-scheme:light;
  --ouro:#C9A646;
  --ouro-claro:#E6CF86;
  --max:1160px;
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s8:64px;--s10:80px;--s12:96px;
  --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;
  --pular-bg:#FFFDF8;
  --pular-tx:#14211B;
  --ok-tx:#1F4D3A;
  --erro-tx:#8A3A36;
  --icone-lua:block;
  --icone-sol:none;
  --sombra-botao:rgba(15,42,31,.25);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --pular-bg:#F1EBDD;--pular-tx:#0B1A14;
    --ok-tx:#9CCFB0;--erro-tx:#F0B4AE;
    --icone-lua:none;--icone-sol:block;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --pular-bg:#F1EBDD;--pular-tx:#0B1A14;
  --ok-tx:#9CCFB0;--erro-tx:#F0B4AE;
  --icone-lua:none;--icone-sol:block;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:80px;background:var(--fundo)}
body.pagina-b{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--sans);font-weight:500;font-stretch:88%;letter-spacing:-.022em}
strong,b{font-weight:600}
a,button,summary,[role="button"]{touch-action:manipulation}
:focus-visible{outline:2px solid var(--foco);outline-offset:3px}
main:focus{outline:none}
.pagina-b .editorial-shell{width:var(--casca)}

/* Pular para o conteúdo */
.pular{position:absolute;left:16px;top:-80px;z-index:100;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:0;background:var(--pular-bg);color:var(--pular-tx);font-size:.9375rem;font-weight:600}
.pular:focus{top:8px;outline:2px solid var(--cromo-foco);outline-offset:2px}

/* ---------- Cabeçalho: o mesmo da home ---------- */
.casca{width:var(--casca);margin:0 auto}
.topo{--foco:var(--cromo-foco);position:sticky;top:0;z-index:60;padding-top:env(safe-area-inset-top,0px);background:var(--topo-bg);border-bottom:1px solid var(--cromo-linha);color:var(--cromo-tx)}
.topo-linha{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:64px}
.marca{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}
.marca img{width:34px;height:34px;border-radius:0}
.marca-nome{font-family:var(--sans);font-weight:600;font-stretch:90%;letter-spacing:-.01em;font-size:1.375rem;line-height:1}
.marca-nome .on{color:var(--marca-on)}
.marca-nome .lume{color:var(--marca-lume)}
.menu{display:flex;gap:var(--s3)}
.menu a{display:inline-flex;align-items:center;min-height:44px;color:var(--cromo-tx-menu);font-size:.875rem;font-weight:500;text-decoration:none}
@media (hover:hover) and (pointer:fine){.menu a:hover,.menu a[aria-current="page"]{color:var(--cromo-tx-forte)}}
.menu a.so-movel{display:none}
.topo-acoes{display:flex;align-items:center;gap:var(--s1)}
.topo-area svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.topo-area span{margin-left:var(--s1)}
.rotulo-curto{display:none}
.menu-botao{display:none}
.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:0;background:transparent;color:var(--cromo-tx);cursor:pointer;-webkit-user-select:none;user-select:none;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)}

/* Botões: retos, 48 px; ouro com friso inferior; contorno de 1 px nos blocos escuros. */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.375rem;border:1px solid transparent;border-radius:0;font-family:var(--sans);font-size:.9375rem;font-weight:600;letter-spacing:0;line-height:1.25;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,border-color .2s,color .2s}
.btn:active{filter:brightness(.94)}
.btn-ouro,.btn-gold{border-color:transparent;background:var(--btn-ouro-bg);color:var(--btn-ouro-tx);box-shadow:inset 0 -2px 0 var(--sombra-botao)}
@media (hover:hover) and (pointer:fine){.btn-ouro:hover,.btn-gold:hover{background:var(--btn-ouro-hover);color:var(--btn-ouro-tx)}}
.btn-linha{border-color:var(--cromo-botao-borda);background:transparent;color:var(--cromo-tx)}
@media (hover:hover) and (pointer:fine){.btn-linha:hover{border-color:var(--ouro-claro);background:var(--cromo-botao-hover)}}
.topo-acoes .btn{min-height:44px;padding:0 var(--s2);font-size:.8125rem}

@media(max-width:1120px){
  .menu{gap:var(--s2)}
  .menu a{font-size:.8125rem}
}
@media(max-width:980px){
  .menu{display:none}
  .menu-botao{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--cromo-botao-borda);border-radius:0;background:transparent;color:var(--cromo-tx);cursor:pointer;-webkit-user-select:none;user-select:none}
  .menu-botao svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
  .topo.aberto .menu{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:0;max-height:calc(100dvh - 64px);overflow-y:auto;padding:var(--s1) var(--s2) var(--s2);background:var(--hero-bg);border-bottom:1px solid var(--cromo-linha)}
  .topo.aberto .menu a{min-height:48px;padding:0 var(--s1);border-bottom:1px solid var(--cromo-divisoria);font-size:1rem}
  .topo.aberto .menu a.so-movel{display:inline-flex}
}
@media(max-width:600px){
  .topo-linha{gap:var(--s1)}
  .topo-area{display:none!important}
  .rotulo-longo{display:none}
  .rotulo-curto{display:inline}
  .marca{gap:8px;min-width:0;flex:0 1 auto;overflow:hidden}
  .marca img{width:30px;height:30px}
  .marca-nome{font-size:19px;white-space:nowrap}
  .topo-acoes{gap:6px;flex:none}
  .topo-acoes .btn-ouro{flex:none;min-height:40px;height:40px;padding:0 12px;font-size:14px}
  .tema-botao,.menu-botao{width:40px!important;height:40px!important}
  .tema-botao svg,.menu-botao svg{width:18px;height:18px}
  html{scroll-padding-top:72px}
}

/* ---------- Peças comuns ---------- */
/* Chapéu: régua curta + rótulo mono em caixa alta. */
.chapeu-b,.kicker,.article-category,.newsletter-eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--numero);font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.06em;line-height:1.5;text-transform:uppercase}
.chapeu-b::before,.kicker::before,.article-category::before,.newsletter-eyebrow::before{content:"";flex:none;width:28px;height:1px;border-radius:0;background:currentColor;box-shadow:none}
.kicker::after{content:none}

/* Quadros: filete de 1 px e cantoneiras de cota (16 × 2 px) nos quatro cantos. */
.aside-card,.legal-aside,.produto-cards>li,.duas-colunas>div,.eixo-article-cta,.boletim-pagina .card{
  --c:var(--cota);
  border:1px solid var(--linha);border-radius:0;box-shadow:none;
  background:
    linear-gradient(var(--c),var(--c)) left top/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) left top/2px 16px no-repeat,
    linear-gradient(var(--c),var(--c)) right top/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) right top/2px 16px no-repeat,
    linear-gradient(var(--c),var(--c)) left bottom/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) left bottom/2px 16px no-repeat,
    linear-gradient(var(--c),var(--c)) right bottom/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) right bottom/2px 16px no-repeat,
    var(--superficie)}

/* Abertura das páginas internas: prancha verde com a grade de 12 colunas (4 no celular). */
.pagina-b .article-hero,.pagina-b .legal-hero,.pagina-b .editorial-hero{--foco:var(--cromo-foco);position:relative;overflow:hidden;padding:clamp(3rem,7vw,5.5rem) 0 clamp(2.75rem,6vw,4.5rem);border-bottom:0;background:var(--hero-bg);color:var(--cromo-tx)}
.pagina-b .article-hero::before,.pagina-b .legal-hero::before,.pagina-b .editorial-hero::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--casca);transform:translateX(-50%);pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(90deg,var(--grade-cromo) 0 1px,transparent 1px calc(100% / 12));border-right:1px solid var(--grade-cromo)}
.pagina-b .article-hero>*,.pagina-b .legal-hero>*,.pagina-b .editorial-hero>*{position:relative}
.pagina-b .article-hero .article-category,.pagina-b .legal-hero .newsletter-eyebrow,.pagina-b .editorial-hero .kicker{margin-top:var(--s3);color:var(--escura-destaque)}
.pagina-b .legal-hero .newsletter-eyebrow,.pagina-b .editorial-hero .kicker{margin-top:0}
.pagina-b .article-hero h1,.pagina-b .legal-hero h1,.pagina-b .editorial-hero h1{max-width:20ch;margin:var(--s2) 0 var(--s3);color:var(--cromo-titulo);font-size:clamp(2.5rem,4.8vw,4.25rem);font-weight:500;font-stretch:85%;line-height:1.02;letter-spacing:-.03em}
.pagina-b .editorial-hero h1{max-width:14ch}
.pagina-b .article-deck,.pagina-b .legal-hero p,.pagina-b .editorial-hero>div>p{max-width:60ch;margin:0;color:var(--cromo-tx-2);font-size:1.125rem;line-height:1.6}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s1);color:var(--cromo-nota);font-family:var(--mono);font-size:.75rem;letter-spacing:.04em}
.breadcrumbs span{display:inline-flex;align-items:center}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--cromo-tx-2);text-decoration:underline;text-decoration-color:var(--cromo-botao-borda);text-underline-offset:4px}
@media (hover:hover) and (pointer:fine){.breadcrumbs a:hover{color:var(--cromo-tx-forte)}}
.breadcrumbs span+span::before{content:"/";margin-right:var(--s1);color:var(--cromo-nota)}
.legal-date{display:inline-flex;align-items:center;margin-top:var(--s3);padding:6px 10px;border:1px solid var(--cromo-botao-borda);border-radius:0;color:var(--cromo-tx-2);font-family:var(--mono);font-size:.75rem;letter-spacing:.04em}

/* Navegação entre produtos e temas: retângulos de 1 px, nada de pílula. */
.produto-irmaos{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s4)}
.produto-irmaos a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s2);border:1px solid var(--cromo-botao-borda);border-radius:0;background:transparent;color:var(--cromo-tx-2);font-size:.875rem;font-weight:500}
@media (hover:hover) and (pointer:fine){.produto-irmaos a:hover{border-color:var(--ouro-claro);color:var(--cromo-tx-forte)}}
.produto-irmaos a[aria-current="page"]{border-color:var(--escura-destaque);background:var(--cromo-botao-hover);color:var(--cromo-titulo)}
.produto-irmaos a[aria-current="page"]::before{content:"";width:6px;height:6px;margin-right:10px;background:var(--escura-destaque)}
.editorial-topics{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s4)}
.editorial-topics a,.editorial-topics button{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--cromo-botao-borda);border-radius:0;background:transparent;color:var(--cromo-tx-2);font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
@media (hover:hover) and (pointer:fine){.editorial-topics a:hover,.editorial-topics button:hover{border-color:var(--ouro-claro);color:var(--cromo-tx-forte)}}

/* ---------- Corpo das páginas de produto ---------- */
.pagina-b .article-layout{grid-template-columns:minmax(0,720px) minmax(240px,1fr);gap:clamp(2.5rem,6vw,4.5rem);padding:clamp(3rem,7vw,5rem) 0 clamp(4rem,8vw,6rem)}
.pagina-b .article-body{color:var(--tinta-2);font-family:var(--sans);font-size:1.0625rem;line-height:1.7}
.pagina-b .article-body p{margin:0 0 1.15em}
.pagina-b .article-body strong{color:var(--tinta)}
.pagina-b .article-body ul,.pagina-b .article-body ol{margin:0 0 1.5em;padding-left:1.25em}
.pagina-b .article-body li::marker{color:var(--numero)}
.pagina-b .article-body :is(.produto-cards,.trilha,.passos){padding-left:0}
.pagina-b .article-body a{color:var(--acento);text-decoration:underline;text-decoration-color:var(--acento-sub);text-decoration-thickness:1px;text-underline-offset:.25em}
@media (hover:hover) and (pointer:fine){.pagina-b .article-body a:hover{color:var(--acento);text-decoration-color:currentColor}}
.pagina-b .article-lead{margin:0 0 1.5em;color:var(--tinta);font-family:var(--sans);font-size:1.3125rem;font-weight:300;font-stretch:92%;line-height:1.5}
.pagina-b .article-body h2{margin:2.75em 0 .6em;color:var(--tinta);font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.08}
.pagina-b .article-body h3{margin:1.6em 0 .5em;color:var(--tinta);font-size:1.375rem;line-height:1.15}

/* Numeração de seção (§ 01) nos títulos do corpo, sobre um filete com o traço de cota. */
.produto-page .article-body{counter-reset:secao}
.produto-page .article-body>h2{position:relative;padding-top:var(--s5);counter-increment:secao;scroll-margin-top:88px;
  background:linear-gradient(var(--cota),var(--cota)) left top/48px 2px no-repeat,linear-gradient(var(--linha),var(--linha)) left top/100% 1px no-repeat}
.produto-page .article-body>h2::before{content:"§ " counter(secao,decimal-leading-zero) / "";position:absolute;left:0;top:10px;color:var(--numero);font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.08em}
.produto-page .article-body>h2:first-of-type{margin-top:1.75em}

/* Destaque: filete de cota à esquerda, texto leve. */
.pagina-b .article-callout{margin:2em 0;padding:var(--s1) 0 var(--s1) var(--s3);border-left:2px solid var(--cota);background:transparent;color:var(--tinta);font-family:var(--sans);font-size:1.25rem;font-weight:300;font-stretch:92%;line-height:1.45}
.linha-limite{margin:var(--s4) 0 0;padding:var(--s2) var(--s3);border:0;border-left:2px solid var(--cota);border-radius:0;background:var(--superficie-2);color:var(--tinta);font-size:.9375rem;line-height:1.6}
.pagina-b .article-hero .linha-limite{border-left-color:var(--escura-destaque);background:var(--cromo-botao-hover);color:var(--cromo-tx)}
.linha-limite strong{color:var(--acento)}
.pagina-b .article-hero .linha-limite strong{color:var(--escura-destaque)}

/* Etapas numeradas em linhas, número em mono. */
.pagina-b .article-checklist{display:block;margin:var(--s3) 0 var(--s4);border-top:1px solid var(--linha)}
.pagina-b .article-checklist div{display:grid;grid-template-columns:56px 1fr;gap:var(--s2);padding:var(--s2) 0;border:0;border-bottom:1px solid var(--linha);border-radius:0;background:transparent;font-size:1rem;line-height:1.6}
.pagina-b .article-checklist b{display:block;width:auto;height:auto;padding-top:3px;border-radius:0;background:none;color:var(--numero);font-family:var(--mono);font-size:.8125rem;font-weight:500;letter-spacing:.06em}
/* Cartões de módulo */
.produto-cards{gap:var(--s2);margin:var(--s3) 0 var(--s5)}
.produto-cards>li{padding:var(--s3);line-height:1.6}
.produto-cards small{color:var(--numero);font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.06em}
.produto-cards h3{margin:var(--s1) 0;color:var(--tinta);font-size:1.5rem;line-height:1.1}
.produto-cards p{color:var(--tinta-2);font-size:.9375rem}
.produto-cards .protocolo{margin-left:6px;padding:2px 6px;border:1px solid var(--linha-forte);border-radius:0;color:var(--numero);font:500 .75rem/1.3 var(--mono);letter-spacing:.06em}
.produto-cards .vista{padding-top:var(--s1);border-top:1px solid var(--linha);color:var(--tinta-2);font-size:.875rem}
.produto-cards a{color:var(--acento)}

/* Trilha da transição: linha contínua com nó quadrado em cada etapa. */
.pagina-b .trilha{gap:0;margin:var(--s4) 0 var(--s5) 6px}
.pagina-b .trilha>li{padding:0 0 var(--s5) var(--s4);border:0;border-left:2px solid var(--cota);border-radius:0;background:transparent}
.pagina-b .trilha>li:last-child{padding-bottom:var(--s1);border-left-color:transparent;background:linear-gradient(var(--cota),var(--cota)) left top/2px 14px no-repeat}
.pagina-b .trilha>li::before{content:"ETAPA " counter(etapa,decimal-leading-zero);position:static;display:block;width:auto;height:auto;margin:0 0 var(--s1);border-radius:0;background:none;color:var(--numero);font:400 .75rem/1.5 var(--mono);letter-spacing:.06em}
.pagina-b .trilha>li::after,.pagina-b .trilha>li+li::after{content:"";position:absolute;left:-8px;top:2px;width:14px;height:14px;border:2px solid var(--cota);background:var(--fundo)}
.pagina-b .trilha h3{color:var(--tinta);font-size:1.5rem;line-height:1.1}
.pagina-b .trilha .etiqueta{padding:3px 8px;border:1px solid var(--linha-forte);border-radius:0;background:transparent;color:var(--numero);font:400 .75rem/1.4 var(--mono);letter-spacing:.06em}
.pagina-b .trilha p,.pagina-b .trilha ul{color:var(--tinta-2);font-size:.9375rem;line-height:1.65}
.pagina-b .trilha .limite{color:var(--tinta-2);font-size:.875rem}
.pagina-b .trilha a{color:var(--acento)}

/* Fluxo mensal em passos curtos */
.pagina-b .article-body .passos{gap:0;margin:var(--s3) 0 var(--s4);border-top:1px solid var(--linha)}
.pagina-b .passos>li{grid-template-columns:40px 1fr;gap:var(--s2);padding:var(--s2) 0;border:0;border-bottom:1px solid var(--linha);border-radius:0;background:transparent;color:var(--tinta-2);font-size:.9375rem;line-height:1.6}
.pagina-b .passos>li::before{content:counter(passo,decimal-leading-zero);display:block;width:auto;height:auto;padding-top:2px;border-radius:0;background:none;color:var(--numero);font:500 .8125rem/1.5 var(--mono);letter-spacing:.06em}
.pagina-b .passos strong{color:var(--tinta)}

/* Duas colunas */
.duas-colunas{gap:var(--s2)}
.duas-colunas>div{padding:var(--s3)}
.duas-colunas h3{color:var(--tinta);font-size:1.25rem}
.duas-colunas ul{color:var(--tinta-2);font-size:.9375rem;line-height:1.65}

/* Chamada para contato */
.pagina-b .eixo-article-cta{gap:var(--s3);margin:var(--s5) 0 var(--s6);padding:var(--s4)}
.pagina-b .eixo-article-cta span{color:var(--numero);font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.06em}
.pagina-b .eixo-article-cta h2{margin:var(--s1) 0;padding:0;color:var(--tinta);font-size:1.75rem;line-height:1.1;background:none}
.pagina-b .eixo-article-cta h2::before{content:none}
.pagina-b .eixo-article-cta p{margin:0;color:var(--tinta-2);font-size:.9375rem;line-height:1.6}
.pagina-b .cta-secundario{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--s1);color:var(--acento);font-size:.9375rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--acento-sub);text-underline-offset:.25em}
.produto-page .article-body .btn-gold{color:var(--btn-ouro-tx)}

/* Perguntas frequentes: linhas, sinal em mono. */
.pagina-b .article-faq{display:block;gap:0;border-top:1px solid var(--linha)}
.pagina-b .article-faq details{border:0;border-bottom:1px solid var(--linha);border-radius:0;background:transparent}
.pagina-b .article-faq summary{display:flex;align-items:center;min-height:56px;padding:var(--s2) var(--s5) var(--s2) 0;color:var(--tinta);font-size:1rem;font-weight:500;line-height:1.4}
.pagina-b .article-faq summary::after{top:50%;right:4px;transform:translateY(-50%);color:var(--numero);font:400 1.25rem/1 var(--mono)}
.pagina-b .article-faq p{margin:0;padding:0 0 var(--s2);color:var(--tinta-2);font-size:.9375rem;line-height:1.65}
.pagina-b .article-note{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--linha);color:var(--tinta-2);font-size:.875rem;line-height:1.6}

/* Coluna lateral */
.pagina-b .article-aside{top:88px;gap:var(--s2)}
.aside-card{padding:var(--s3)}
.aside-card small{color:var(--numero);font-family:var(--mono);font-size:.75rem;letter-spacing:.06em}
.aside-card strong{margin:var(--s1) 0;color:var(--tinta);font-family:var(--sans);font-size:1.25rem;font-weight:500;font-stretch:88%;letter-spacing:-.015em;line-height:1.2}
.aside-card p{color:var(--tinta-2);font-size:.9375rem;line-height:1.6}
.aside-card a{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--s1);color:var(--acento);font-size:.9375rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--acento-sub);text-underline-offset:.25em}

/* ---------- Páginas legais ---------- */
.pagina-b .legal-main{padding:clamp(3rem,7vw,5rem) 0 clamp(4rem,8vw,6rem)}
.pagina-b .legal-layout{grid-template-columns:minmax(0,720px) minmax(220px,1fr);gap:clamp(2.5rem,6vw,4rem)}
.pagina-b .legal-body{color:var(--tinta-2);font-size:1.0625rem;line-height:1.7}
.pagina-b .legal-body h2{margin:2.25em 0 .5em;padding-top:var(--s3);color:var(--tinta);font-size:clamp(1.5rem,2.6vw,1.875rem);line-height:1.1;
  background:linear-gradient(var(--cota),var(--cota)) left top/48px 2px no-repeat,linear-gradient(var(--linha),var(--linha)) left top/100% 1px no-repeat}
.pagina-b .legal-body h2:first-child{margin-top:0}
.pagina-b .legal-body li::marker{color:var(--numero)}
.pagina-b .legal-body a{color:var(--acento);text-decoration:underline;text-decoration-color:var(--acento-sub);text-underline-offset:.25em}
.legal-aside{top:88px;padding:var(--s3)}
.legal-aside strong{color:var(--tinta);font:500 1.25rem/1.2 var(--sans);font-stretch:88%;letter-spacing:-.015em}
.legal-aside p{color:var(--tinta-2);font-size:.9375rem;line-height:1.6}
.legal-aside a{display:flex;align-items:center;min-height:44px;margin-top:var(--s1);color:var(--acento);font-size:.9375rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--acento-sub);text-underline-offset:.25em;overflow-wrap:anywhere}

/* ---------- Inteligência (hub) ---------- */
.pagina-b .editorial-list{padding:clamp(3rem,7vw,5rem) 0 clamp(4rem,8vw,6rem);background:var(--fundo);color:var(--tinta)}
.pagina-b .editorial-list .insight-grid{gap:var(--s3)}
.pagina-b .insight-card,.pagina-b .editorial-list .insight-card,.pagina-b .editorial-list .insight-card-featured{min-height:0;padding:var(--s3);border:1px solid var(--linha);border-radius:0;background:var(--superficie);color:var(--tinta);box-shadow:none;transition:border-color .2s}
@media (hover:hover) and (pointer:fine){.pagina-b .insight-card:hover{transform:none;border-color:var(--cota);box-shadow:none}}
/* Cantoneiras por cima da capa (a capa cobre o fundo do quadro). */
.pagina-b .insight-card::after{--c:var(--cota);content:"";position:absolute;inset:-1px;z-index:3;pointer-events:none;
  background:
    linear-gradient(var(--c),var(--c)) left top/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) left top/2px 16px no-repeat,
    linear-gradient(var(--c),var(--c)) right top/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) right top/2px 16px no-repeat,
    linear-gradient(var(--c),var(--c)) left bottom/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) left bottom/2px 16px no-repeat,
    linear-gradient(var(--c),var(--c)) right bottom/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) right bottom/2px 16px no-repeat}
/* Número do guia como legenda de figura: "Nº 01" no canto da capa. */
.pagina-b .insight-card::before,.pagina-b .insight-card:has(.insight-capa)::before{content:"Nº " attr(data-index) / "";top:0;right:auto;bottom:auto;left:0;z-index:2;padding:4px 10px;background:var(--fundo);color:var(--tinta);font:400 .75rem/1.5 var(--mono);letter-spacing:.08em}
.pagina-b .insight-capa{width:calc(100% + 48px);margin:-24px -24px var(--s3);border-bottom:1px solid var(--linha);border-radius:0}
.pagina-b .insight-meta{color:var(--numero);font-family:var(--mono);font-size:.75rem;letter-spacing:.06em}
.pagina-b .insight-meta i{width:8px;height:8px;border-radius:0;background:var(--cota);box-shadow:none}
.pagina-b .insight-card h2,.pagina-b .insight-card h3{margin:var(--s2) 0 var(--s1);color:var(--tinta);font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:1.12}
.pagina-b .insight-card p{color:var(--tinta-2);font-size:.9375rem;line-height:1.6}
.pagina-b .insight-card>a{display:inline-flex;align-items:center;min-height:44px;padding-top:var(--s2);color:var(--acento);font-size:.9375rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--acento-sub);text-underline-offset:.25em}
@media (hover:hover) and (pointer:fine){.pagina-b .insight-card>a:hover{text-decoration-color:currentColor}}
.pagina-b .insight-tools{gap:6px;margin-top:var(--s2)}
.pagina-b .insight-tools span{padding:4px 8px;border:1px solid var(--linha);border-radius:0;background:transparent;color:var(--tinta-2);font:400 .75rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.pagina-b .newsletter-panel{--c:var(--escura-destaque);gap:var(--s4);margin-top:var(--s5);padding:var(--s4);border:1px solid var(--escura-borda);border-radius:0;color:var(--escura-tx);
  background:
    linear-gradient(var(--c),var(--c)) left top/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) left top/2px 16px no-repeat,
    linear-gradient(var(--c),var(--c)) right top/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) right top/2px 16px no-repeat,
    linear-gradient(var(--c),var(--c)) left bottom/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) left bottom/2px 16px no-repeat,
    linear-gradient(var(--c),var(--c)) right bottom/16px 2px no-repeat,linear-gradient(var(--c),var(--c)) right bottom/2px 16px no-repeat,
    var(--escura-bg)}
.pagina-b .newsletter-panel h2{color:var(--cromo-titulo);font-size:clamp(1.75rem,3vw,2.25rem)}
.pagina-b .newsletter-panel p{color:var(--escura-tx-2);font-size:1rem;line-height:1.6}

/* ---------- Boletim LUME (/inteligencia/newsletters) ---------- */
.boletim-pagina .shell{width:var(--casca);margin:0 auto}
.boletim-pagina .nl-voltar{margin:0;padding-top:var(--s3)}
.boletim-pagina .back{display:inline-flex;align-items:center;min-height:44px;color:var(--acento);font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
@media (hover:hover) and (pointer:fine){.boletim-pagina .back:hover{text-decoration:underline;text-underline-offset:.3em}}
.boletim-pagina .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:clamp(2.5rem,6vw,4.5rem);align-items:start;padding:clamp(2rem,5vw,4rem) 0 clamp(4rem,8vw,6rem)}
.boletim-pagina .hero-copy{padding-top:var(--s4);background:linear-gradient(var(--cota),var(--cota)) left top/48px 2px no-repeat,linear-gradient(var(--linha),var(--linha)) left top/100% 1px no-repeat}
.boletim-pagina h1{max-width:14ch;margin:var(--s2) 0 var(--s3);color:var(--tinta);font-size:clamp(2.75rem,5.3vw,4.5rem);font-weight:500;font-stretch:85%;line-height:1;letter-spacing:-.03em}
.boletim-pagina .lead{max-width:52ch;margin:0;color:var(--tinta-2);font-size:1.125rem;line-height:1.6}
.boletim-pagina .promise{display:flex;gap:12px;align-items:flex-start;margin:var(--s4) 0 0;color:var(--tinta);font-size:1rem;line-height:1.5}
.boletim-pagina .promise i{flex:0 0 10px;width:10px;height:10px;margin-top:7px;border:2px solid var(--cota);background:var(--fundo)}
.boletim-pagina .card{position:relative;padding:var(--s4)}
.boletim-pagina .card h2{margin:0 0 var(--s1);color:var(--tinta);font-size:1.75rem;line-height:1.1}
.boletim-pagina .card-intro{margin:0 0 var(--s3);color:var(--tinta-2);font-size:.9375rem;line-height:1.6}
.boletim-pagina .fields{display:grid;gap:var(--s2)}
.boletim-pagina .field{display:grid;gap:6px}
.boletim-pagina .field label{color:var(--tinta);font-size:.9375rem;font-weight:600}
.boletim-pagina .field input,.boletim-pagina .field select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--campo-borda);border-radius:0;background:var(--campo-bg);color:var(--campo-tx);font:400 1rem/1.4 var(--sans)}
.boletim-pagina .field input:focus,.boletim-pagina .field select:focus{outline:2px solid var(--foco);outline-offset:1px;border-color:var(--foco)}
.boletim-pagina .legal{margin:var(--s2) 0 var(--s3);color:var(--tinta-2);font-size:.8125rem;line-height:1.6}
.boletim-pagina .legal a{color:var(--acento);text-decoration:underline;text-underline-offset:.2em}
.boletim-pagina .card .btn{width:100%;background:var(--btn-ouro-bg);color:var(--btn-ouro-tx)}
@media (hover:hover) and (pointer:fine){.boletim-pagina .card .btn:hover{background:var(--btn-ouro-hover)}}
.boletim-pagina .card .btn:disabled{cursor:wait;opacity:.7}
.boletim-pagina .status{min-height:20px;margin:var(--s1) 0 0;color:var(--tinta-2);font-size:.875rem;line-height:1.5}
.boletim-pagina .commercial{display:none;margin-top:var(--s3);padding:var(--s3);border:1px solid var(--linha);border-left:2px solid var(--cota);background:var(--superficie-2)}
.boletim-pagina .commercial.is-visible{display:block}
.boletim-pagina .commercial strong{display:block;color:var(--tinta);font:500 1.125rem/1.25 var(--sans)}
.boletim-pagina .commercial p{margin:6px 0 var(--s2);color:var(--tinta-2);font-size:.875rem;line-height:1.55}
.boletim-pagina .commercial button{min-height:44px;padding:0 var(--s2);border:1px solid var(--campo-borda);border-radius:0;background:transparent;color:var(--tinta);font-size:.9375rem;font-weight:600;cursor:pointer}
@media (hover:hover) and (pointer:fine){.boletim-pagina .commercial button:hover{border-color:var(--cota)}}
.boletim-pagina .foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s1) var(--s3);padding:var(--s3) 0 calc(var(--s5) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--linha);color:var(--tinta-2);font-family:var(--mono);font-size:.75rem;letter-spacing:.02em}
.boletim-pagina .foot-links{display:flex;gap:var(--s3)}
.boletim-pagina .foot a{display:inline-flex;align-items:center;min-height:44px;margin-block:-12px;color:var(--acento)}
@media (hover:hover) and (pointer:fine){.boletim-pagina .foot a:hover{text-decoration:underline;text-underline-offset:.3em}}

/* ---------- Rodapé das páginas internas ---------- */
.pagina-b .editorial-footer{padding:var(--s3) 0 calc(var(--s3) + env(safe-area-inset-bottom,0px));border-top:2px solid var(--ouro);background:var(--rodape-bg);color:var(--cromo-nota);font-family:var(--mono);font-size:.8125rem;letter-spacing:.02em;line-height:1.6}
.pagina-b .editorial-footer .editorial-shell{align-items:center;gap:0 var(--s3)}
.pagina-b .editorial-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--cromo-tx-2)}
@media (hover:hover) and (pointer:fine){.pagina-b .editorial-footer a:hover{color:var(--cromo-tx-forte);text-decoration:underline;text-underline-offset:.3em}}
.editorial-footer{--foco:var(--cromo-foco)}

/* ---------- Página não encontrada (404) ---------- */
.pagina-erro{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.erro{position:relative;flex:1;display:flex;align-items:center;overflow:hidden;padding:clamp(3rem,8vw,6rem) 0;background:var(--hero-bg);color:var(--cromo-tx)}
.erro::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--casca);transform:translateX(-50%);pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(90deg,var(--grade-cromo) 0 1px,transparent 1px calc(100% / 12));border-right:1px solid var(--grade-cromo)}
.erro .casca{position:relative}
.erro-quadro{max-width:36rem;padding-top:var(--s3);background:linear-gradient(var(--escura-destaque),var(--escura-destaque)) left top/48px 2px no-repeat,linear-gradient(var(--cromo-linha),var(--cromo-linha)) left top/100% 1px no-repeat}
.erro h1{margin:0;color:var(--escura-destaque);font-family:var(--mono);font-size:clamp(4rem,14vw,7.5rem);font-weight:500;font-stretch:100%;line-height:1;letter-spacing:-.02em}
.erro p{margin:var(--s2) 0 var(--s4);color:var(--cromo-titulo);font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:500;font-stretch:88%;line-height:1.15;letter-spacing:-.02em}

/* ---------- Tablet e celular ---------- */
@media(max-width:900px){
  .pagina-b .article-layout,.pagina-b .legal-layout{grid-template-columns:minmax(0,1fr)}
  .pagina-b .article-aside,.pagina-b .legal-aside{position:static}
}
@media(max-width:820px){
  .pagina-b .article-hero::before,.pagina-b .legal-hero::before,.pagina-b .editorial-hero::before,.erro::before{opacity:.45;background:repeating-linear-gradient(90deg,var(--grade-cromo) 0 1px,transparent 1px calc(100% / 4))}
  .boletim-pagina .hero{grid-template-columns:minmax(0,1fr)}
  .pagina-b .editorial-list .hub-grid{grid-template-columns:minmax(0,1fr)}
  .pagina-b .newsletter-panel,.pagina-b .eixo-article-cta{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:650px){
  .produto-cards,.duas-colunas{grid-template-columns:minmax(0,1fr)}
  .pagina-b .trilha>li{padding:0 0 var(--s4) var(--s3)}
  .pagina-b .trilha>li:last-child{padding-bottom:var(--s1)}
}
@media(max-width:600px){
  body.pagina-b{font-size:1rem}
  .pagina-b .article-hero h1,.pagina-b .legal-hero h1,.pagina-b .editorial-hero h1,.boletim-pagina h1{font-size:clamp(2.1rem,10vw,2.6rem);max-width:none;line-height:1.04}
  .pagina-b .article-deck,.pagina-b .legal-hero p,.pagina-b .editorial-hero>div>p,.boletim-pagina .lead{font-size:1rem}
  .pagina-b .article-body,.pagina-b .legal-body{font-size:1rem}
  .pagina-b .article-lead{font-size:1.1875rem}
  .pagina-b .article-body h2{font-size:clamp(1.625rem,7.4vw,1.875rem)}
  .pagina-b .article-checklist div{grid-template-columns:1fr;gap:4px}
  .produto-cards>li,.duas-colunas>div,.aside-card,.legal-aside{padding:var(--s3) var(--s2)}
  .pagina-b .eixo-article-cta,.pagina-b .newsletter-panel,.boletim-pagina .card{padding:var(--s3) var(--s2)}
  .pagina-b .eixo-article-cta .btn,.pagina-b .newsletter-panel .btn{width:100%;min-width:0}
  .pagina-b .insight-card{padding:var(--s3) var(--s2)}
  .pagina-b .insight-capa{width:calc(100% + 32px);margin:-24px -16px var(--s3)}
  .pagina-b .editorial-footer .editorial-shell{flex-direction:column;align-items:flex-start;gap:0}
  .boletim-pagina .foot{flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Revisão de 20/10 (item 7): /armadura, /lastro e /inteligencia com botão de ação na abertura e, no
   computador, o lado direito preenchido com material real do site (captura da Área do Cliente em modo
   demonstração, ficha com o texto da própria página, capas dos guias). Abaixo de 981 px fica só o texto. */
.pagina-b .hero-produto-texto{min-width:0}
.pagina-b .editorial-hero .hero-produto-texto>p{max-width:60ch;margin:0;color:var(--cromo-tx-2);font-size:1.125rem;line-height:1.6}
.pagina-b .hero-produto-acoes{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.pagina-b .hero-produto-acoes .btn{min-height:48px}
.pagina-b .hero-produto-acoes+.produto-irmaos,.pagina-b .hero-produto-acoes+.editorial-topics{margin-top:var(--s3)}
.pagina-b .hero-produto-vitrine,.pagina-b .hero-produto-ficha,.pagina-b .hero-produto-capas{display:none}
@media(min-width:981px){
  .pagina-b .hero-produto{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s8);align-items:center}
  .pagina-b .hero-produto-vitrine{display:block;margin:0}
  .pagina-b .hero-produto-tela{overflow:hidden;border:1px solid var(--cromo-linha);border-top:2px solid var(--ouro-claro);background:var(--fundo)}
  .pagina-b .hero-produto-barra{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--cromo-linha);background:var(--hero-bg);color:var(--cromo-nota);font-family:var(--mono);font-size:.75rem}
  .pagina-b .hero-produto-barra i{width:8px;height:8px;border-radius:50%;background:var(--cromo-linha)}
  .pagina-b .hero-produto-barra span{margin-left:var(--s1)}
  .pagina-b .hero-produto-tela img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left}
  .pagina-b .hero-produto-vitrine figcaption{margin-top:var(--s2);color:var(--cromo-nota);font-size:.875rem;line-height:1.5}
  .pagina-b .hero-produto-vitrine figcaption strong{color:var(--cromo-tx)}
  .pagina-b .hero-produto-ficha{display:block;padding:var(--s3) var(--s3) var(--s2);border:1px solid var(--cromo-linha);border-top:2px solid var(--ouro-claro);background:var(--hero-bg)}
  .pagina-b .hero-produto-ficha-cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--cromo-linha)}
  .pagina-b .hero-produto-ficha-cabeca strong{font-size:1.0625rem;font-weight:600;color:var(--cromo-titulo)}
  .pagina-b .hero-produto-ficha-cabeca span{font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--cromo-nota)}
  .pagina-b .hero-produto-ficha dl{margin:0}
  .pagina-b .hero-produto-ficha dl>div{display:grid;grid-template-columns:9rem 1fr;gap:var(--s2);padding:12px 0;border-bottom:1px solid var(--cromo-linha)}
  .pagina-b .hero-produto-ficha dl>div:last-child{border-bottom:0}
  .pagina-b .hero-produto-ficha dt{font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;line-height:1.6;color:var(--ouro-claro)}
  .pagina-b .hero-produto-ficha dd{margin:0;font-size:.9375rem;line-height:1.5;color:var(--cromo-tx-2)}
  .pagina-b .hero-produto-ficha dd a{color:var(--cromo-tx);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--cromo-botao-borda)}
  .pagina-b .hero-produto-capas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin:0;padding:0;list-style:none}
  .pagina-b .hero-produto-capas a{display:block;border:1px solid var(--cromo-linha);background:var(--fundo);color:var(--cromo-tx);text-decoration:none}
  .pagina-b .hero-produto-capas img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
  .pagina-b .hero-produto-capas span{display:block;padding:8px 12px;background:var(--hero-bg);font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--cromo-tx)}
  .pagina-b .editorial-hero .hero-produto h1{max-width:12ch}
}
@media (hover:hover) and (pointer:fine){.pagina-b .hero-produto-capas a:hover span{color:var(--ouro-claro)}.pagina-b .hero-produto-ficha dd a:hover{text-decoration-color:var(--ouro-claro)}}
/* ---- onlume-b-refino.css ---- */
/* 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)}