/* =====================================================================
   CarregaBR · calculadora.css · /calculadora/ (rodada consulta v2)
   A ferramenta no palco dos momentos: céu discreto (noite no AC, entardecer no
   DC), carro em traço que carrega no tempo calculado (momento.css: .mo-scene,
   sc-*), relógio que conta junto. Núcleo, IDs e parâmetros de URL iguais
   (calc-core.js, calculadora.js). Nada abaixo de 15 px. Só transform e opacity.
   ===================================================================== */
.cz{position:relative;isolation:isolate;overflow:hidden;background:#070B17;color:#F6F1EA;--text-primary:#F6F1EA;--text-secondary:#E6DED3;--text-dim:#C9C0B4;--line:rgba(246,241,234,.14);--line-strong:rgba(246,241,234,.3);--accent-text:#E8A87C}
/* céu */
.cz-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.cz-sky__l{position:absolute;inset:0;transition:opacity 1.2s var(--mo-ease)}
.cz-sky__l--ac{background:linear-gradient(180deg,#05080F 0%,#0A1022 40%,#17203F 70%,#2A2747 100%)}
.cz-sky__l--dc{opacity:0;background:linear-gradient(180deg,#17223F 0%,#34365A 36%,#7A4E5E 64%,#B9694F 84%,#D9895A 100%)}
.cz[data-mode="dc"] .cz-sky__l--dc{opacity:1}
.cz-stars{height:60%;opacity:.85;transition:opacity 1.2s var(--mo-ease)}
.cz[data-mode="dc"] .cz-stars{opacity:0}
.cz-moon{right:9%;top:16%;transition:opacity 1.2s var(--mo-ease)}
.cz[data-mode="dc"] .cz-moon{opacity:0}

.cz-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);column-gap:clamp(32px,5vw,80px);padding-top:calc(var(--nav-h) + clamp(40px,5vh,72px))}
/* cabeça */
.cz-head{grid-column:1;display:grid;justify-items:start;gap:var(--s-4);align-content:start}
.cz-head .mo-kicker{margin:0;color:#F2C29A}
.cz-head h1{font-size:clamp(2.5rem,1.3rem + 3.3vw,4.6rem);line-height:1;letter-spacing:-.04em;max-width:13ch}
.cz-lead{margin:0;max-width:44ch;font-size:clamp(1.0625rem,1rem + .25vw,1.2rem);line-height:1.5;color:#E6DED3}
/* resposta */
.cz-tally{grid-column:2;grid-row:1;display:grid;justify-items:start;align-content:start;gap:12px;padding-top:6px}
.cz-tag{margin:0;font:600 .9375rem/1.3 var(--mono);letter-spacing:.08em;color:#E6DED3}
.cz-time{margin:0;display:grid;gap:8px}
.cz-time-v{font:700 clamp(3.4rem,2rem + 3.6vw,6rem)/.92 var(--display);letter-spacing:-.05em;white-space:nowrap;color:#F6F1EA}
.cz-time-s{font:600 1rem/1.3 var(--mono);letter-spacing:.06em;color:#E6DED3}
.cz-range{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(246,241,234,.08);box-shadow:inset 0 0 0 1px rgba(246,241,234,.16)}
.cz-rg{min-height:40px;padding:8px 16px;border:0;border-radius:999px;background:transparent;color:#E6DED3;font:600 .9375rem/1 var(--mono);letter-spacing:.04em;cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color .3s var(--mo-ease),color .3s var(--mo-ease)}
.cz-rg:hover{color:#fff}
.cz-rg[aria-pressed="true"],.cz-rg-dc{background:#F6F1EA;color:#1C1B19}
.cz-rg:focus-visible{outline:3px solid #F6F1EA;outline-offset:2px}
.cz-rg-dc{display:none;cursor:default}
.cz[data-mode="dc"] .cz-rg[data-range]{display:none}
.cz[data-mode="dc"] .cz-rg-dc{display:inline-flex;align-items:center}
.cz-say{margin:4px 0 0;max-width:30ch;font:600 clamp(1.15rem,1rem + .5vw,1.45rem)/1.3 var(--display);letter-spacing:-.01em;color:#F2C29A;text-wrap:balance}
.cz-swap .cz-say{animation:czIn .6s var(--mo-ease)}
@keyframes czIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* 01 · o carro */
.cz-label{display:flex;align-items:center;gap:12px;font:600 .9375rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#E6DED3}
.cz-label span{color:#E8A87C;font-variant-numeric:tabular-nums}
.cz-pick{grid-column:1/-1;min-width:0;margin-top:clamp(28px,4vh,48px)}
.cz-cars{display:flex;gap:8px;margin:14px calc(-1 * var(--gr)) 0 calc(-1 * var(--gl));padding:4px var(--gr) 10px var(--gl);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gl);-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--gl),#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 var(--gl),#000 calc(100% - 48px),transparent)}
.cz-cars::-webkit-scrollbar{display:none}
.cz-car,.cz-more{flex:0 0 auto;scroll-snap-align:start;display:grid;gap:4px;text-align:left;min-width:150px;padding:12px 16px 13px;border:0;border-radius:16px;background:transparent;color:#F6F1EA;box-shadow:inset 0 0 0 1px rgba(246,241,234,.16);cursor:pointer;font:inherit;transition:background-color .35s var(--mo-ease),color .35s var(--mo-ease),box-shadow .35s var(--mo-ease),transform .35s var(--mo-ease)}
.cz-car:hover,.cz-more:hover{box-shadow:inset 0 0 0 1px rgba(246,241,234,.5);transform:translateY(-2px)}
.cz-car-n{display:grid;font:600 1.15rem/1.15 var(--display);letter-spacing:-.01em}
.cz-car-n small{font:600 .9375rem/1.2 var(--mono);letter-spacing:.06em;color:#C9C0B4}
.cz-car-m{font:500 .9375rem/1.3 var(--mono);color:#C9C0B4;white-space:nowrap;font-variant-numeric:tabular-nums}
.cz-car[aria-checked="true"]{background:#F6F1EA;color:#1C1B19;box-shadow:0 12px 34px rgba(0,0,0,.3)}
.cz-car[aria-checked="true"] small,.cz-car[aria-checked="true"] .cz-car-m{color:#5A554E}
.cz-car:focus-visible,.cz-more:focus-visible,.cz-chg:focus-visible{outline:3px solid #F6F1EA;outline-offset:3px}
.cz-car[hidden],.cz-more[hidden]{display:none}
.cz-more{box-shadow:inset 0 0 0 1px rgba(246,241,234,.16);background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(246,241,234,.03) 10px 20px)}
.cz-more small{color:#E8A87C}
.cz-hint{margin:6px 0 0;font-size:.9375rem;color:#C9C0B4}

/* palco */
.cz-scene{grid-column:1/-1;margin-top:clamp(8px,2vh,24px)}
.cz-scene svg{width:100%;max-width:none;max-height:min(40vh,400px)}
.cz-env,.cz-chgfig{opacity:0;transition:opacity .8s var(--mo-ease),transform 1s var(--mo-ease)}
.cz-chgfig{transform:translateY(10px)}
.cz[data-form="ac"] [data-f="ac"],.cz[data-form="wall"] [data-f="wall"],.cz[data-form="floor"] [data-f="floor"]{opacity:1;transform:none}
.cz-shape{opacity:0;transition:opacity .7s var(--mo-ease)}
.cz-shape.on{opacity:1}
html:not(.js) .cz-shape[data-cat="hatch"]{opacity:1}
.cz-scene .cz-pack-fill{transition:transform 2.6s cubic-bezier(.25,.6,.3,1)}
.cz-stage:not(.is-done):not(.is-charging) .mo-scene .sc-screen{opacity:.4}

/* chão escuro: bateria, carregador e números */
.cz-ground{grid-column:1/-1;position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);column-gap:clamp(32px,5vw,80px);row-gap:var(--s-5);padding:0 0 clamp(56px,7vh,96px)}
.cz-ground::before{content:"";position:absolute;z-index:-1;left:50%;width:100vw;margin-left:-50vw;top:-2px;bottom:0;background:linear-gradient(180deg,rgba(3,4,9,.62),rgba(3,4,9,.92) 120px,rgba(3,4,9,.97) 240px);box-shadow:0 -1px 0 rgba(246,241,234,.16)}
.cz-batt{grid-column:1/-1;padding-top:22px}
.cz-batt-track{position:relative;height:6px;border-radius:6px;background:rgba(246,241,234,.18);overflow:hidden}
.cz-batt-track i{position:absolute;inset:0;border-radius:inherit;transform-origin:left center;transform:scaleX(0)}
.cz-batt-base{z-index:1;background:rgba(246,241,234,.34)}
.cz-batt-fill{background:linear-gradient(90deg,#A9622F,#E8A87C);box-shadow:0 0 14px rgba(232,168,124,.5);transition:transform 2.6s cubic-bezier(.25,.6,.3,1)}
.cz-batt-scale{display:flex;justify-content:space-between;margin-top:10px;font:600 .9375rem/1 var(--mono);letter-spacing:.06em;color:#E6DED3;font-variant-numeric:tabular-nums}

/* 02 · o carregador */
.cz-chargers{grid-column:1;display:grid;gap:14px;align-content:start;margin-top:var(--s-3)}
.cz-chgs{display:grid;gap:18px}
.cz-grp{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cz-grp-t{flex:1 0 100%;font-size:.9375rem;color:#C9C0B4}
.cz-chg{display:grid;gap:3px;min-width:0;padding:11px 16px 12px;border:0;border-radius:14px;background:transparent;color:#F6F1EA;box-shadow:inset 0 0 0 1px rgba(246,241,234,.16);cursor:pointer;font:inherit;text-align:left;transition:background-color .35s var(--mo-ease),color .35s var(--mo-ease),box-shadow .35s var(--mo-ease),transform .35s var(--mo-ease)}
.cz-chg:hover{box-shadow:inset 0 0 0 1px rgba(246,241,234,.5);transform:translateY(-2px)}
.cz-chg-n{font:600 1.05rem/1.15 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}
.cz-chg-m{font:500 .9375rem/1.2 var(--mono);color:#C9C0B4;white-space:nowrap}
.cz-chg[aria-checked="true"]{background:#F6F1EA;color:#1C1B19;box-shadow:0 12px 34px rgba(0,0,0,.3)}
.cz-chg[aria-checked="true"] .cz-chg-m{color:#5A554E}

/* números e ação */
.cz-res{grid-column:2;display:grid;gap:var(--s-4);align-content:start;margin-top:var(--s-3)}
.cz-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.cz-stats div{min-width:0}
.cz-stats dt{font:600 .9375rem/1.25 var(--mono);letter-spacing:.04em;color:#C9C0B4}
.cz-stats dd{margin:6px 0 0;font:600 clamp(1.35rem,1.1rem + .7vw,1.8rem)/1.05 var(--mono);letter-spacing:-.01em;white-space:nowrap;color:#F6F1EA}
.cz-note{margin:0;padding-left:14px;border-left:2px solid #E8A87C;font-size:.9375rem;line-height:1.55;color:#E6DED3;max-width:62ch}
.cz-note[hidden]{display:none}
.cz-est{margin:0;font-size:.9375rem;line-height:1.55;color:#C9C0B4;max-width:62ch}
.cz-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:var(--s-2)}
.cz .btn-primary{background:#F6F1EA;color:#1C1B19;min-height:54px;padding-inline:28px}
.cz .btn-primary:hover{background:#fff;box-shadow:0 12px 36px rgba(232,168,124,.22)}
.cz-links{display:inline-flex;flex-wrap:wrap;gap:6px 22px}
.cz-links a{display:inline-flex;align-items:center;min-height:44px;font:600 1rem/1.2 var(--body);color:#F6F1EA;text-decoration:underline;text-decoration-color:rgba(246,241,234,.4);text-underline-offset:5px;transition:text-decoration-color .3s}
.cz-links a:hover{text-decoration-color:#E8A87C}

/* telas baixas no desktop: aperta o palco, nunca o texto */
@media (min-width:1024px) and (max-height:820px){
  .cz-head h1{font-size:clamp(2.3rem,1rem + 2.8vw,3.8rem)}
  .cz-time-v{font-size:clamp(3rem,1.6rem + 3vw,4.8rem)}
  .cz-scene svg{max-height:34vh}
}
@media (max-width:1023px){
  /* celular e tablet: primeiro as escolhas, depois o palco e a resposta */
  .cz-in{grid-template-columns:1fr}
  .cz-ground{display:contents}
  .cz-ground::before{content:none}
  .cz-head,.cz-tally,.cz-pick,.cz-chargers,.cz-scene,.cz-batt,.cz-res{grid-column:1;grid-row:auto}
  .cz-head{order:1}
  .cz-pick{order:2}
  .cz-chargers{order:3;margin-top:var(--s-5)}
  .cz-scene{order:4;margin-top:var(--s-6)}
  .cz-batt{order:5;padding-top:14px;position:relative}
  .cz-batt::before{content:"";position:absolute;z-index:-1;left:50%;width:100vw;margin-left:-50vw;top:-2px;height:4000px;background:linear-gradient(180deg,rgba(3,4,9,.6),rgba(3,4,9,.92) 110px,rgba(3,4,9,.97) 220px);box-shadow:0 -1px 0 rgba(246,241,234,.16);pointer-events:none}
  .cz-tally{order:6;margin-top:var(--s-6)}
  .cz-res{order:7;margin-top:var(--s-6);padding-bottom:clamp(56px,8vh,96px)}
  .cz-scene svg{max-height:none}
  .cz-chgs{display:flex;gap:8px;margin:0 calc(-1 * var(--gr)) 0 calc(-1 * var(--gl));padding:4px var(--gr) 8px var(--gl);overflow-x:auto;scrollbar-width:none;scroll-padding-inline:var(--gl);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--gl),#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 var(--gl),#000 calc(100% - 40px),transparent)}
  .cz-chgs::-webkit-scrollbar{display:none}
  .cz-grp{display:contents}
  .cz-grp-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cz-chg{flex:0 0 auto}
  /* a lua vai para o canto, acima do título, sem tocar o texto */
  .cz-moon{top:calc(var(--nav-h) + 14px);right:var(--gr,20px);width:34px;height:34px;box-shadow:inset -7px 4px 0 0 #F1E6D2}
}
/* abaixo do palco: texto e fontes */
main .cz-seo{font-size:1.125rem;line-height:1.65;max-width:56ch}
main .cz-seo a{color:var(--text-primary);text-decoration-color:var(--accent);text-underline-offset:4px}
#perguntas .cz-sources{margin-top:var(--s-7);gap:var(--s-3)}
#perguntas .cz-sources ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
#perguntas .cz-sources strong{font-weight:600;color:var(--text-primary)}

@media (prefers-reduced-motion:reduce){
  .cz-sky__l,.cz-stars,.cz-moon,.cz-env,.cz-chgfig,.cz-shape,.cz-car,.cz-chg,.cz-more,.cz-batt-fill,.cz-scene .cz-pack-fill{transition:none}
  .cz-swap .cz-say{animation:none}
}
/* rodada final: o resultado em linguagem de vida ganha o tamanho de título, e a potência vizinha fica ao lado */
.cz-say{max-width:24ch;font-size:clamp(1.4rem,1.05rem + 1.1vw,2.1rem);line-height:1.18;letter-spacing:-.02em}
.cz-vs{margin:0;max-width:36ch;font:600 .9375rem/1.45 var(--mono);letter-spacing:.03em;color:#E6DED3}
.cz-swap .cz-vs{animation:czIn .6s var(--mo-ease) .1s both}
@media (prefers-reduced-motion:reduce){.cz-swap .cz-vs{animation:none}}
.cz-head h1>.mo-kicker.mo-kicker{color:#F2C29A;margin-bottom:var(--s-4)}
/* linhas v3 (integração): DC Lite escolhida = estação em traço com gabinete preto, como a Lite real */
[data-linha="lite"] .cz-chgfig .sc-white{fill:#1D1E22;stroke:rgba(246,241,234,.5);stroke-width:1.2}
[data-linha="lite"] .cz-chgfig .sc-win{fill:#050608}