/* Empilhadores elétricos — folha de estilo única. Sem dependências.
   Paleta UN (brochura e site oficial): amarelo da pintura, grafite e preto das máquinas, verde-azulado do lítio.
   Contraste (WCAG 2.1): texto --preto sobre --amarelo ≈ 10:1; nunca texto branco sobre amarelo.
   --litio (#009090) só em ícones e pormenores (3,9:1 sobre branco); em texto usa-se --litio-texto (≈ 5,9:1). */
:root{
  --amarelo:#f5b800;
  --amarelo-forte:#e0a800;
  --amarelo-claro:#fff6d9;
  --grafite:#23272c;
  --grafite-2:#33383f;
  --preto:#131517;
  --litio:#009090;
  --litio-texto:#00706f;
  --litio-claro:#e4f4f3;
  --papel:#f6f6f3;
  --superficie:#ffffff;
  --painel-img:#f1f1ec;
  --tinta:#16181b;
  --tinta-2:#474d55;
  --tinta-3:#646a72;
  --linha:#e5e4de;
  --linha-forte:#c8c7bf;
  --sinal:#a2510a;
  --sinal-claro:#fdf1e4;
  --ok:#2c6a3a;
  --ok-claro:#e8f3eb;
  --raio:14px;
  --raio-p:10px;
  --sombra:0 1px 2px rgba(19,21,23,.05),0 8px 24px rgba(19,21,23,.06);
  --sombra-forte:0 2px 4px rgba(19,21,23,.06),0 14px 36px rgba(19,21,23,.10);
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:var(--sans);
  --largura:1160px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papel);color:var(--tinta);font:17px/1.6 var(--sans);overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
a{color:var(--litio-texto);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--tinta)}
:focus-visible{outline:3px solid var(--litio-texto);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;font-weight:600;letter-spacing:-.015em}
h1{font-size:clamp(2rem,5.4vw,3.3rem)}
h2{font-size:clamp(1.55rem,3.4vw,2.2rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.num,.mono{font-variant-numeric:tabular-nums}
.envelope{max-width:var(--largura);margin:0 auto;padding:0 16px}
.envelope.estreito{max-width:820px}
@media(min-width:720px){.envelope{padding:0 32px}}
.salto{position:absolute;left:-9999px}
.salto:focus{left:16px;top:8px;background:#fff;padding:8px 12px;z-index:99;border-radius:8px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* cabeçalho escuro com o logótipo UN */
.cabecalho{background:var(--grafite);color:#e9ebed;position:sticky;top:0;z-index:20}
.cabecalho .envelope{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.marca-bloco{display:flex;align-items:center;gap:14px;min-width:0}
.logo-un{display:inline-flex;align-items:center;flex:none}
.logo-un img{display:block;height:26px;width:auto}
.logo-un.vazio{min-width:72px;height:34px;padding:0 10px;border:1px dashed #6d747c;border-radius:8px;font:500 .68rem/1.1 var(--sans);color:#aeb4bb;text-transform:uppercase;text-align:center}
.marca{display:flex;flex-direction:column;text-decoration:none;color:#fff;padding-left:14px;border-left:1px solid #4a5058;min-width:0}
.marca:hover{color:#fff}
.marca strong{font-size:1.02rem;letter-spacing:-.01em;line-height:1.2}
.marca span{font-size:.74rem;line-height:1.3;color:#b9bfc5}
.menu{display:flex;gap:4px;align-items:center}
.menu a{font-size:.97rem;color:#e4e7ea;text-decoration:none;padding:9px 13px;border-radius:999px}
.menu a:hover{background:var(--grafite-2);color:#fff}
.menu a[aria-current=page]{color:var(--preto);background:var(--amarelo)}
.cabecalho :focus-visible{outline-color:var(--amarelo)}
.alternar-menu{display:none;background:none;color:#fff;border:1px solid #5b626a;padding:8px 14px;border-radius:999px;font:inherit;font-size:.95rem;cursor:pointer}
@media(max-width:900px){
  .alternar-menu.pronto{display:block}
  .cabecalho .envelope:has(.menu:not(.menu-pronto)){flex-wrap:wrap}
  .menu:not(.menu-pronto){flex-basis:100%;flex-direction:column;align-items:stretch;padding-bottom:12px}
  .menu.menu-pronto{display:none;position:absolute;left:0;right:0;top:100%;background:var(--grafite);flex-direction:column;align-items:stretch;padding:8px 16px 18px;box-shadow:0 12px 24px rgba(0,0,0,.2)}
  .menu.aberto{display:flex}
  .menu a{padding:12px 14px}
  .cabecalho .envelope{position:relative}
}
@media(max-width:560px){.marca span{display:none}.logo-un img{height:22px}.marca{padding-left:12px}}

/* botões: amarelo UN com texto escuro */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--amarelo);color:var(--preto);border:1px solid var(--amarelo);padding:13px 22px;border-radius:999px;font:600 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}
.botao:hover{background:var(--amarelo-forte);border-color:var(--amarelo-forte);color:var(--preto);box-shadow:0 4px 14px rgba(224,168,0,.28)}
.botao.grande{padding:16px 28px;font-size:1.06rem}
.botao.secundario{background:transparent;color:var(--tinta);border-color:var(--linha-forte)}
.botao.secundario:hover{background:var(--superficie);box-shadow:none}
.botao.escuro{background:var(--grafite);border-color:var(--grafite);color:#fff}
.botao.escuro:hover{background:var(--preto);color:#fff;box-shadow:none}
.botao[disabled]{opacity:.55;cursor:not-allowed}

/* blocos */
.seccao{padding:72px 0}
@media(max-width:620px){.seccao{padding:52px 0}}
.seccao.clara{background:var(--superficie)}
.seccao.escura{background:var(--grafite);color:#e8ebee}
.seccao.escura a{color:var(--amarelo)}
.rotulo{font-size:.86rem;font-weight:500;color:var(--litio-texto);margin:0 0 10px}
.escura .rotulo{color:#9fd9d6}
.intro{max-width:680px;color:var(--tinta-2);font-size:1.1rem}
.grelha{display:grid;gap:24px}
.grelha>*{min-width:0}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}

/* topo da página inicial */
.topo{padding:56px 0 64px;background:linear-gradient(180deg,var(--superficie) 0%,var(--papel) 100%)}
.topo .grelha{align-items:center;gap:32px}
@media(min-width:960px){.topo .grelha{grid-template-columns:.9fr 1.1fr}}
.topo h1{margin-bottom:.3em}
.preco-topo{font-size:1.3rem;color:var(--tinta-2);margin:0 0 .6em}
.preco-topo b{color:var(--tinta);font-weight:600;box-shadow:inset 0 -.38em 0 var(--amarelo-claro)}
.topo .intro{margin-bottom:28px}
.topo-img{position:relative}
.topo-img::before{content:"";position:absolute;inset:12% 6% 4%;background:radial-gradient(closest-side,var(--amarelo-claro),transparent);z-index:0}
.topo-img img{position:relative;z-index:1;display:block;width:100%}
.acoes{display:flex;gap:10px;flex-wrap:wrap}

/* cartões de modelo */
.cartoes{margin-top:32px}
.pacote{position:relative;background:var(--superficie);border-radius:var(--raio);box-shadow:var(--sombra);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,transform .2s}
@media(hover:hover) and (pointer:fine){.pacote:hover{box-shadow:var(--sombra-forte);transform:translateY(-2px)}}
.pacote:focus-within{box-shadow:var(--sombra-forte)}
.pacote h3 a:focus-visible::after{outline:3px solid var(--litio-texto);outline-offset:-3px;border-radius:var(--raio)}
@media(prefers-reduced-motion:reduce){.pacote,.pacote:hover{transition:none;transform:none}}
.pacote-img{background:var(--painel-img);padding:12px}
.pacote-img img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}
.pacote .corpo{padding:20px 22px 6px;flex:1}
.pacote h3{font-size:1.3rem;margin:0 0 4px}
.pacote h3 a{color:var(--tinta);text-decoration:none}
.esticado::after{content:"";position:absolute;inset:0;z-index:1}
.pacote .dados{color:var(--tinta-2);font-size:.95rem;margin:0 0 12px}
.pacote .preco{font-size:1.55rem;font-weight:600;margin:0 0 2px;font-variant-numeric:tabular-nums}
.pacote .preco small{font-size:.9rem;font-weight:400;color:var(--tinta-2)}
.pacote footer{padding:12px 22px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pacote footer>a{position:relative;z-index:2;font-size:.95rem}
.pacote footer .botao{position:relative;z-index:2}
.mais-modelos{margin-top:24px}
.selo{display:inline-block;font-size:.78rem;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--litio-claro);color:var(--litio-texto)}

/* bateria de lítio e vantagens */
.litio{align-items:center;gap:40px}
.litio-img img{display:block;width:100%;border-radius:var(--raio);box-shadow:var(--sombra)}
.vantagens{list-style:none;padding:0;margin:24px 0;display:grid;gap:20px}
@media(min-width:620px){.vantagens{grid-template-columns:1fr 1fr}}
.vantagens li{display:flex;gap:14px;align-items:flex-start}
.vantagens h3{font-size:1.02rem;margin:2px 0 2px}
.vantagens p{margin:0;color:var(--tinta-2);font-size:.95rem}
.icone{flex:none;width:44px;height:44px;padding:10px;border-radius:12px;background:var(--litio-claro);color:var(--litio)}
.ponto h3{font-size:1.05rem}
.ponto p{color:var(--tinta-2);font-size:.95rem;margin:0}

/* fichas de modelo */
.ficha-topo .grelha{align-items:center;gap:36px}
.preco-ficha{font-size:2rem;font-weight:600;margin:.2em 0 .1em;font-variant-numeric:tabular-nums}
.preco-ficha small{font-size:.95rem;font-weight:400;color:var(--tinta-2)}
.ficha-topo h1{font-size:clamp(1.7rem,3.6vw,2.4rem)}
.ficha-topo .acoes{margin:18px 0 10px}
.galeria{margin:0}
.galeria-grande{background:var(--painel-img);border-radius:var(--raio);padding:14px}
.galeria-grande img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}
.galeria-mini{list-style:none;padding:0;margin:12px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.galeria-mini a{display:block;width:76px;border-radius:10px;background:var(--painel-img);padding:4px;border:2px solid transparent}
.galeria-mini a:hover{border-color:var(--linha-forte)}
.galeria-mini a[aria-current=true]{border-color:var(--litio)}
.galeria-mini img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}
.galeria figcaption{margin-top:8px}
.numeros{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(min-width:760px){.numeros{grid-template-columns:repeat(4,1fr)}}
.numeros li{background:var(--superficie);border-radius:var(--raio);box-shadow:var(--sombra);padding:20px 18px}
.numeros b{display:block;font-size:1.55rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}
.numeros span{color:var(--tinta-3);font-size:.9rem}
.blocos{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:32px}
details.bloco{background:var(--superficie);border-radius:var(--raio);box-shadow:var(--sombra)}
details.bloco>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px}
details.bloco>summary::-webkit-details-marker{display:none}
details.bloco>summary h2{font-size:1.15rem;margin:0}
details.bloco>summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--tinta-3);border-bottom:2px solid var(--tinta-3);transform:rotate(45deg);margin-top:-4px}
details.bloco[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.bloco-corpo{padding:0 22px 22px}
.bloco-corpo ul{padding-left:20px}

/* tabelas */
.tabela-envolta{overflow-x:auto;border:1px solid var(--linha);border-radius:var(--raio-p);background:var(--superficie)}
table{border-collapse:collapse;width:100%;font-size:.92rem;font-variant-numeric:tabular-nums}
th,td{padding:10px 14px;border-bottom:1px solid var(--linha);text-align:left;vertical-align:top}
thead th{font-size:.82rem;font-weight:600;color:var(--tinta-2);background:var(--papel);white-space:nowrap}
td.n,th.n{text-align:right;white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
tr.grupo td{background:var(--papel);font-size:.82rem;font-weight:600;color:var(--tinta-2)}
tr.reduz td.n.cap{color:var(--sinal);font-weight:600}
tr.inc td{background:var(--litio-claro)}
.nota{font-size:.9rem;color:var(--tinta-2)}
.a-confirmar{display:inline-block;font:600 .74rem/1.3 var(--sans);background:var(--sinal-claro);color:var(--sinal);border:1px dashed var(--sinal);padding:1px 6px;border-radius:6px;white-space:nowrap}

/* configurador: um passo de cada vez */
.configurador{display:grid;gap:24px;margin-top:28px}
@media(min-width:1000px){.configurador{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}
.cfg-passos{min-width:0}
.cfg-etapas{list-style:none;padding:0;margin:0 0 16px;display:none;gap:6px;flex-wrap:wrap}
.configurador.pronto .cfg-etapas{display:flex}
.cfg-etapas button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--linha);border-radius:999px;padding:6px 12px 6px 6px;font:500 .88rem var(--sans);color:var(--tinta-2);cursor:pointer}
.cfg-etapas button b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--papel);font-size:.8rem}
.cfg-etapas button.feito b{background:var(--litio-claro);color:var(--litio-texto)}
.cfg-etapas button[aria-current=step]{border-color:var(--amarelo);background:var(--amarelo-claro);color:var(--tinta)}
.cfg-etapas button[aria-current=step] b{background:var(--amarelo);color:var(--preto)}
@media(max-width:620px){.cfg-etapas button span{display:none}.cfg-etapas button[aria-current=step] span{display:inline}.cfg-etapas button{padding:4px}.cfg-etapas button[aria-current=step]{padding-right:12px}}
.passo{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);margin-bottom:16px}
.configurador.pronto .passo{display:none;margin-bottom:0;box-shadow:var(--sombra);border-color:transparent}
.configurador.pronto .passo.ativo{display:block}
.passo>header{display:flex;gap:12px;align-items:center;padding:20px 22px 6px}
.passo>header b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:.9rem;background:var(--amarelo);color:var(--preto)}
.passo>header h3{margin:0;font-size:1.2rem}
.passo>header h3:focus{outline:none}
.passo .conteudo{padding:12px 22px 8px}
.cfg-nav{display:none;justify-content:space-between;gap:10px;padding:12px 22px 22px;flex-wrap:wrap}
.configurador.pronto .cfg-nav{display:flex}
.opcoes{display:grid;gap:10px}
@media(min-width:620px){.opcoes.duas{grid-template-columns:1fr 1fr}}
.opcao{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--linha);border-radius:12px;padding:14px;cursor:pointer;background:var(--superficie);transition:border-color .15s,background .15s}
.opcao:hover{border-color:var(--linha-forte)}
.opcao input{margin-top:4px;accent-color:var(--litio);width:18px;height:18px;flex:none}
.opcao .txt{flex:1;min-width:0}
.opcao .txt strong{display:block;font-weight:600;font-size:.98rem}
.opcao .txt small{display:block;color:var(--tinta-3);font-size:.84rem}
.opcao .vl{font-size:.9rem;font-weight:500;white-space:nowrap;text-align:right}
.opcao .vl.consulta{color:var(--sinal)}
.opcao:not(.com-img){flex-wrap:wrap}
.opcao:not(.com-img) .vl{flex:0 0 calc(100% - 30px);margin-left:30px;text-align:left;white-space:normal}
.opcao:has(input:checked){border-color:var(--litio);background:var(--litio-claro);box-shadow:inset 0 0 0 1px var(--litio)}
.opcao:has(input:focus-visible){outline:3px solid var(--litio);outline-offset:2px}
.opcao.inativa{opacity:.5;cursor:not-allowed}
.opcao.com-img{flex-wrap:wrap}
.opcao.com-img img{order:-1;flex:0 0 100%;width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--painel-img);border-radius:8px;margin-bottom:2px}
.foto-pendente{display:flex;align-items:center;justify-content:center;min-height:180px;aspect-ratio:3/2;width:100%;margin:0;padding:24px;text-align:center;font-size:.95rem;line-height:1.5;color:var(--tinta-2);background:var(--painel-img);border:1px dashed var(--linha-forte);border-radius:var(--raio)}
.opcao.com-img .foto-pendente{order:-1;flex:0 0 100%;min-height:0;border-radius:8px;margin-bottom:2px}
.resumo-img .foto-pendente{min-height:0}
#cfg-img[hidden],.foto-pendente[hidden]{display:none}
.subgrupo{font-size:.86rem;font-weight:600;color:var(--tinta-2);margin:16px 0 8px}
.subgrupo:first-child{margin-top:0}
.resumo{position:sticky;top:84px;background:var(--superficie);border-radius:var(--raio);box-shadow:var(--sombra-forte);overflow:hidden}
.resumo-img{background:var(--painel-img);padding:10px 16px}
.resumo-img img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}
.resumo header{padding:16px 20px 4px}
.resumo header .rotulo{margin-bottom:4px}
.resumo header h3{margin:0}
.resumo-modelo{margin:0;font-size:1.15rem;line-height:1.15;font-weight:600;letter-spacing:-.015em}
.resumo .linhas{list-style:none;margin:0;padding:6px 20px;font-size:.88rem;max-height:260px;overflow:auto;color:var(--tinta-2)}
.resumo .linhas li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--linha)}
.resumo .linhas li span:last-child{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 48%;overflow-wrap:normal}
.resumo .total{padding:14px 20px}
.resumo .total .resumo-parcela{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 8px;font-size:.9rem;color:var(--tinta-2)}
.resumo .total .resumo-parcela b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--tinta)}
.resumo .total .valor{font-size:2rem;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}
.resumo .total small{display:block;color:var(--tinta-3);font-size:.82rem;margin-top:4px}
.resumo .alerta{margin:0 20px 12px;padding:10px 12px;border-radius:10px;font-size:.86rem;background:var(--sinal-claro);color:#5d2f06}
.resumo .alerta.ok{background:var(--ok-claro);color:#173d22}
.resumo .capres{padding:0 20px 12px;font-size:.86rem;color:var(--tinta-2);margin:0}
.consulta{color:var(--sinal)}

/* formulários */
.formulario{background:var(--superficie);border-radius:var(--raio);box-shadow:var(--sombra);padding:22px}
.campos{display:grid;gap:16px}
@media(min-width:620px){.campos{grid-template-columns:1fr 1fr}.campos .largo{grid-column:1/-1}}
label.campo{display:flex;flex-direction:column;gap:6px;font-size:.92rem;font-weight:500;min-width:0}
label.campo input,label.campo select,label.campo textarea{font:inherit;font-weight:400;padding:12px 13px;border:1px solid var(--linha-forte);border-radius:var(--raio-p);background:#fff;color:var(--tinta);width:100%;min-width:0}
label.campo input:focus,label.campo select:focus,label.campo textarea:focus{outline:3px solid var(--litio-claro);border-color:var(--litio)}
.verificar{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--tinta-2)}
.verificar input{margin-top:4px;accent-color:var(--litio);width:18px;height:18px;flex:none}
.mel{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.resposta{margin-top:14px;padding:12px 14px;border-radius:var(--raio-p);font-size:.95rem;display:none}
.resposta.ok{display:block;background:var(--ok-claro);color:#173d22}
.resposta.erro{display:block;background:var(--sinal-claro);color:#5d2f06}

/* perguntas frequentes em acordeão */
.pf{display:grid;gap:10px}
.pf details{background:var(--superficie);border:1px solid var(--linha);border-radius:12px;padding:0}
.seccao.clara .pf details{background:var(--papel);border-color:transparent}
.pf summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px}
.pf summary::-webkit-details-marker{display:none}
.pf summary::after{content:"+";flex:none;font-size:1.3rem;line-height:1;color:var(--litio-texto)}
.pf details[open] summary::after{content:"−"}
.pf details p{margin:0;padding:0 20px 18px;color:var(--tinta-2);max-width:820px}

/* etapas */
.etapas{counter-reset:e;list-style:none;padding:0;margin:0;display:grid;gap:0}
.etapas li{counter-increment:e;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--linha)}
.etapas li::before{content:counter(e);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--amarelo);font-weight:600}
.etapas h3{margin:0 0 4px;font-size:1.02rem}
.etapas p{margin:0;color:var(--tinta-2);font-size:.95rem}

/* Reserva: etapas legíveis sem tabela ou deslocação interna. */
.reserva-etapas{list-style:none;margin:16px 0 28px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.reserva-etapas>li{min-width:0;padding:20px;background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);display:flex;flex-direction:column;gap:12px}
.reserva-etapas>li>h2{margin:0;font-size:1.15rem;line-height:1.25}
.reserva-etapas>li>p{margin:0;color:var(--tinta-2);font-size:.95rem}
.reserva-etapas>li>.reserva-valor{font-size:1.4rem;line-height:1.3;font-weight:600;color:var(--tinta);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
@media(min-width:760px){.reserva-etapas{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* texto corrido e páginas interiores */
.texto{max-width:760px}
.texto h2{margin-top:1.6em}
.texto h3{margin-top:1.4em}
.texto li{margin-bottom:.35em}
.texto blockquote{margin:1.2em 0;padding:14px 18px;border-left:3px solid var(--litio);background:var(--superficie);border-radius:0 10px 10px 0}
.migalhas{font-size:.85rem;color:var(--tinta-3);margin:0 0 16px}
.migalhas a{color:var(--tinta-3)}
.cabeca-pagina{padding:44px 0 36px;background:var(--superficie)}
.cabeca-pagina .intro{margin:0}
.caixa{background:var(--superficie);border-radius:var(--raio);box-shadow:var(--sombra);padding:22px}
.caixa.aviso{background:var(--sinal-claro);box-shadow:none}
.lista-guias a{display:block;padding:18px 0;border-top:1px solid var(--linha);text-decoration:none;color:var(--tinta)}
.lista-guias a strong{display:block;font-size:1.12rem}
.lista-guias a span{color:var(--tinta-2);font-size:.95rem}
.desenho{background:var(--superficie);border-radius:var(--raio);padding:14px}
.desenho svg{display:block;width:100%}
.ficha-lote{margin-top:18px;border-radius:var(--raio);background:var(--superficie);box-shadow:var(--sombra)}
.ficha-lote dl{display:grid;grid-template-columns:auto 1fr;margin:0}
.ficha-lote dt,.ficha-lote dd{padding:10px 14px;border-bottom:1px solid var(--linha);margin:0;font-size:.92rem}
.ficha-lote dt{font-weight:600;color:var(--tinta-3)}
.ficha-lote dl>*:nth-last-child(-n+2){border-bottom:0}

/* cálculo lítio/chumbo */
.calc-entrada{display:grid;gap:14px}
@media(min-width:620px){.calc-entrada{grid-template-columns:1fr 1fr}}
.calc-entrada label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;font-weight:500;min-width:0}
.calc-entrada input{font:inherit;padding:10px 12px;border:1px solid var(--linha-forte);border-radius:var(--raio-p);min-width:0;width:100%}
.calc-entrada small{font-weight:400;color:var(--tinta-3);font-size:.8rem}

/* rodapé escuro */
.rodape{background:var(--preto);color:#b4bac1;font-size:.92rem;padding:52px 0 30px}
.rodape a{color:#e6e9ec}
.rodape a:hover{color:var(--amarelo)}
.rodape :focus-visible{outline-color:var(--amarelo)}
.rodape .grelha{grid-template-columns:1fr;gap:32px}
@media(min-width:760px){.rodape .grelha{grid-template-columns:1.4fr 1fr 1fr}}
.rodape-marca{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.05rem}
.rodape-marca .logo-un img{height:22px}
.rodape-titulo{color:#fff;font-size:.95rem;font-weight:600;letter-spacing:0;margin:0 0 12px}
.rodape ul{list-style:none;padding:0;margin:0}
.rodape li{margin:0 0 8px}
.credenciais summary{cursor:pointer;color:#d5d9dd;font-size:.88rem}
.credenciais p{margin:8px 0 0;font-size:.85rem}
.rodape .legal{border-top:1px solid #2c3036;margin-top:36px;padding-top:18px;font-size:.8rem;color:#979ea6}
@media print{.cabecalho,.rodape,.resumo{position:static}}

/* preço de tabela riscado */
.riscado{font-size:.86rem;color:var(--tinta-3);margin:0 0 8px}
.riscado s{color:var(--tinta-3)}

/* barra de preço fixa em telemóvel (configurador) */
.microcopia{font-size:.88rem;color:var(--tinta-3);margin:12px 0 0}
.resumo-acao{padding:4px 20px 20px;margin:0}
.resumo-acao .botao{width:100%}
.resposta .proximo{display:inline-block;margin-top:6px}
.resposta:focus{outline:2px solid var(--litio);outline-offset:2px}
.barra-cfg{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--superficie);color:var(--tinta);box-shadow:0 -6px 20px rgba(19,21,23,.12);border-radius:16px 16px 0 0}
.barra-cfg[hidden]{display:none}
.barra-cfg small{display:block;color:var(--tinta-3);font-size:.78rem}
.barra-cfg b{font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums}
.barra-cfg .botao{padding:11px 16px;white-space:nowrap}
@media(min-width:1000px){.barra-cfg{display:none!important}}

/* ligações internas, fontes e resposta curta */
.relacionados ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:4px}
.relacionados li{padding:10px 0;border-bottom:1px solid var(--linha);color:var(--tinta-3);font-size:.95rem}
.relacionados a{font-weight:500}
.relacionados h2{font-size:1.3rem}
.fontes{margin:16px 0 0;padding-left:20px;font-size:.9rem;color:var(--tinta-2);display:grid;gap:6px;max-width:900px}
.fontes a{overflow-wrap:anywhere}
.resposta-curta b{color:var(--tinta)}

/* Primeira revisão Codex: leitura, toque e movimento sem dependências. */
.atalhos-guias{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 28px}
.atalhos-guias a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--linha-forte);border-radius:var(--raio-p);background:var(--superficie);font-size:.9rem;line-height:1.4;text-decoration:none}
.atalhos-guias a:hover{background:var(--litio-claro);border-color:var(--litio-texto)}
.botao,.alternar-menu,.menu a,.galeria-mini a,.cfg-etapas button,.opcao,
.pf summary,details.bloco>summary,.lista-guias a{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.botao,.alternar-menu,.cfg-etapas button{min-height:44px}
.galeria-mini a{min-height:44px}
.pf summary:hover,details.bloco>summary:hover{background:var(--papel)}
details.bloco>summary::after{transition:transform .18s ease}
.lista-guias a:hover{color:var(--litio-texto)}
.cabecalho :focus-visible{outline-color:var(--amarelo)}
.opcao:has(input:focus-visible){outline-color:var(--litio-texto)}
label.campo input:focus-visible,label.campo select:focus-visible,label.campo textarea:focus-visible,
.calc-entrada input:focus-visible{outline:3px solid var(--litio-texto);outline-offset:2px}
.tabela-envolta{overscroll-behavior-x:contain}
.barra-ficha{display:none}
@media(min-width:760px){
  .ficha-topo .ficha-grelha{grid-template-columns:1fr 1fr;column-gap:36px;row-gap:0}
  .ficha-grelha .ficha-imagem{grid-column:1;grid-row:1 / span 2;align-self:center}
  .ficha-grelha .ficha-identidade{grid-column:2;grid-row:1;align-self:end}
  .ficha-grelha .ficha-compra{grid-column:2;grid-row:2;align-self:start}
}
@media(max-width:759px){
  .ficha-topo{padding:24px 0 28px}
  .ficha-topo .grelha{gap:12px}
  .ficha-topo h1{font-size:clamp(1.4rem,5.5vw,1.7rem);line-height:1.18}
  .ficha-topo .migalhas{margin-bottom:12px;font-size:.8rem}
  .galeria-grande{padding:8px}
  .galeria-grande img{height:180px;aspect-ratio:auto}
  .ficha-imagem>.foto-pendente{height:180px;min-height:0;aspect-ratio:auto}
  .galeria-mini{gap:8px;margin-top:8px}
  .galeria-mini a{width:62px;padding:2px}
  .galeria-mini img{height:36px;aspect-ratio:auto}
  .galeria figcaption{font-size:.8rem;margin-top:4px}
  .ficha-topo .rotulo{margin-bottom:6px}
  .preco-ficha{font-size:1.8rem;line-height:1.25}
  .preco-ficha small{display:block;margin-top:4px;font-size:.9rem}
  .barra-ficha{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--superficie);box-shadow:0 -6px 20px rgba(19,21,23,.12);border-radius:16px 16px 0 0}
  .barra-ficha .botao{flex:1;min-width:0;padding:12px 14px;font-size:.92rem}
  .barra-ficha b{font-size:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}
  .barra-ficha small{display:block;font-size:.75rem;color:var(--tinta-3);font-weight:400}
  .barra-ficha b small{display:inline;font-size:.72rem}
  body:has(.barra-ficha){padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body:has(.barra-ficha) :focus-visible{scroll-margin-bottom:100px}
}
@media(max-width:620px){
  .topo{padding:32px 0 40px}
  .topo .grelha{gap:24px}
  .topo h1{font-size:clamp(2rem,8.5vw,2.7rem);line-height:1.1}
  .topo .intro{font-size:1rem;margin-bottom:20px}
  .topo-img img{max-height:260px;object-fit:contain}
  .acoes .botao{max-width:100%;text-align:center}
  .passo>header{padding:18px 16px 6px}
  .passo .conteudo{padding:12px 16px 8px}
  .cfg-nav{padding:12px 16px 18px}
  .cfg-etapas{gap:5px}
  .cfg-etapas button{min-width:38px}
  .opcao{gap:10px;padding:12px}
  label.campo input,label.campo select,label.campo textarea,.calc-entrada input{font-size:16px}
  .formulario{padding:18px 16px}
  .numeros li{padding:16px 14px}
  .numeros b{font-size:1.35rem}
  .numeros span{font-size:.85rem}
  .ficha-lote dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ficha-lote dt,.ficha-lote dd{padding:10px}
  .barra-cfg{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .pacote:hover{transform:none}
}
@media print{.barra-ficha,.barra-cfg{display:none!important}body:has(.barra-ficha){padding-bottom:0}}

/* Blocos opcionais do pedido: toque confortável sem competir com a ação principal. */
.campos>details>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:500;color:var(--litio-texto)}

.armazem-unidade .preco{font-size:1.4rem;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums}
.armazem-unidade .preco small{display:block;font-size:.82rem;font-weight:400;color:var(--tinta-3)}
.foto-legenda{display:block;margin:6px 0 0;font-size:.82rem;line-height:1.4;color:var(--tinta-2)}
.videos{margin-top:16px}
.video{margin:0}
.video-quadro{position:relative;aspect-ratio:16/9;background:#111;border-radius:var(--raio);overflow:hidden}
.video-quadro iframe,.video-fachada{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-fachada{padding:0;cursor:pointer;background:#111}
.video-fachada img{width:100%;height:100%;object-fit:cover;display:block}
.video-play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:rgba(20,20,20,.82)}
.video-play::after{content:"";position:absolute;left:28px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.video-fachada:hover .video-play,.video-fachada:focus-visible .video-play{background:#f5b800}
.video-fachada:focus-visible{outline:3px solid #f5b800;outline-offset:-3px}
.video figcaption{margin-top:8px;font-size:.95rem;line-height:1.4}

/* ---- Versão base comum (22-10-2026): tabela comparativa, opcionais e «Incluído na versão base» ---- */
.comparativa td.c,.comparativa th.c{text-align:center}
.comparativa th[scope=row]{font-weight:600;white-space:nowrap}
.comparativa th[scope=row] a{color:var(--tinta);text-decoration:none}
.comparativa th[scope=row] a:hover{text-decoration:underline}
.comparativa .preco-base b{font-size:1.02rem}
.comparativa td.excecao{background:var(--sinal-claro);color:var(--tinta)}
.comparativa td.excecao small{display:block;font-size:.78rem;line-height:1.3;color:var(--sinal);margin-top:2px}
.comparativa .certo{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ok-claro);color:var(--ok);font-weight:700}
.selo{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.3;white-space:normal}
.selo-fe{background:var(--amarelo-claro);color:var(--preto);border:1px solid var(--amarelo-forte)}
.selo-v{background:var(--litio-claro);color:var(--litio-texto);border:1px solid var(--litio)}
.comparativa-nota{margin-top:10px}
.opcionais-titulo{margin:36px 0 14px}
.opcionais-lista{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.opcionais-lista li{display:flex;gap:12px;align-items:center;background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio-p);padding:12px}
.opcionais-lista h4{margin:0;font-size:.95rem;line-height:1.3}
.opcionais-lista p{margin:2px 0 0;font-size:.9rem;color:var(--tinta-2)}
.opcionais-lista .icone{width:40px;height:40px;padding:9px}
.incluido-base{margin:18px 0 10px}
.lista-certo{list-style:none;padding:0;margin:0;display:grid;gap:6px}
@media(min-width:620px){.lista-certo{grid-template-columns:1fr 1fr}}
.lista-certo li{position:relative;padding-left:28px}
.lista-certo li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--ok-claro);color:var(--ok);font-size:.8rem;font-weight:700;display:grid;place-items:center}
@media(max-width:759px){
  .comparativa-envolta{overflow:visible;border:0;background:none}
  .comparativa,.comparativa tbody,.comparativa tr,.comparativa th,.comparativa td{display:block;width:auto}
  .comparativa thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .comparativa tr{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio-p);margin:0 0 12px;padding:6px 0}
  .comparativa tr.grupo{border:0;background:none;padding:0;margin:18px 0 8px}
  .comparativa tr.grupo td{background:none;padding:0;border:0}
  .comparativa th[scope=row]{padding:8px 14px;border-bottom:1px solid var(--linha);font-size:1.02rem}
  .comparativa td{display:flex;justify-content:space-between;gap:12px;padding:7px 14px;border-bottom:0;text-align:right}
  .comparativa td::before{content:attr(data-rotulo);font-weight:600;color:var(--tinta-2);text-align:left;flex:none}
  .comparativa td.c{text-align:right}
  .comparativa td.excecao{flex-wrap:wrap}
  .comparativa td.excecao small{flex-basis:100%}
}
.campos-pais[hidden]{display:none!important}
.campos-pais{display:grid;gap:6px}
.campos-pais .nota{margin:0}
/* v2: frase curta do que faz cada opcional */
td small.faz{display:block;font-size:.8rem;color:var(--tinta-3);line-height:1.35;margin-top:2px}
.opcionais-lista p.faz{font-size:.84rem;color:var(--tinta-3);line-height:1.35;margin:2px 0 4px}
.opcionais-lista li{align-items:flex-start}