/* RS Elétrica e Ar Condicionado: página da calculadora de BTU */

.topo .links a[aria-current="page"]{color:var(--text-primary)}
.topo .links a[aria-current="page"]::after{transform:scaleX(1)}

/* ---------- Abertura ---------- */
.calc-topo{padding:calc(var(--topo) + clamp(52px,8vw,108px)) var(--gx) clamp(34px,4.6vw,56px);display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.h1-pag{font-size:clamp(2.2rem,5vw,4.6rem);max-width:16ch}
.calc-topo .lede{max-width:52ch}

/* ---------- O instrumento ---------- */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(16px,2.2vw,30px);align-items:start;padding:0 var(--gx) clamp(84px,10vw,140px)}
.calc-entrada,.calc-saida{position:relative;background:linear-gradient(180deg,rgba(13,28,54,.72),rgba(8,19,38,.72));border:1px solid rgba(92,200,255,.14);border-radius:28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.calc-entrada{padding:clamp(22px,2.8vw,40px);display:flex;flex-direction:column;gap:38px}
.calc-saida{padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:20px}
.calc-bloco{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:16px}
.calc-bloco legend{padding:0;margin-bottom:16px}
.calc-area{align-items:center;gap:20px}
.calc-area .calc-h{align-self:flex-start}
.calc-h{display:flex;align-items:center;gap:12px;font-family:var(--f-display);font-weight:500;font-size:clamp(1rem,1.2vw,1.1rem);letter-spacing:-.005em;line-height:1.3;color:var(--text-primary)}
.calc-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(92,200,255,.45);font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--accent-muted)}
.calc-n-ok{background:rgba(92,200,255,.14)}
.calc-n svg{width:14px;height:14px}

/* dial da área */
.dial-area{--dial-w:min(340px,76vw);--dial-cor:#5cc8ff}
.area-num{font-family:var(--f-display);font-weight:600;font-size:clamp(3rem,5.6vw,4.4rem);line-height:.95;letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-shadow:0 0 36px rgba(92,200,255,.35)}
.area-num i{font-style:normal;font-size:.34em;margin-left:5px;letter-spacing:0;color:var(--accent-muted)}
.area-dim{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--text-secondary)}
.area-tipo{font-size:13.5px;font-weight:600;color:var(--accent-muted)}

/* escolhas com um toque */
.opcoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.opcoes-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.opcao{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}
.opcao input{position:absolute;opacity:0;width:1px;height:1px}
.opcao span{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:58px;padding:12px 8px;border-radius:14px;border:1px solid var(--borda-forte);background:rgba(6,15,30,.45);font-size:14.5px;font-weight:600;line-height:1.25;color:var(--text-secondary);transition:border-color .3s var(--ease-out),background-color .3s var(--ease-out),color .3s var(--ease-out),box-shadow .3s var(--ease-out),transform .25s var(--ease-out)}
.opcao svg{width:24px;height:24px;flex:none}
.opcao:hover span{border-color:var(--accent-muted);color:var(--text-primary)}
.opcao:active span{transform:scale(.97)}
.opcao input:checked + span{background:linear-gradient(180deg,rgba(31,120,255,.3),rgba(21,99,217,.16));border-color:var(--accent-muted);color:#fff;box-shadow:0 0 0 1px rgba(92,200,255,.3),0 10px 28px rgba(26,111,240,.25)}
.opcao input[value="tarde"]:checked + span svg,.opcao input[value="manha"]:checked + span svg{color:#ffc27a;filter:drop-shadow(0 0 6px rgba(255,170,90,.6))}
.opcao input:focus-visible + span{outline:2px solid var(--accent-muted);outline-offset:3px}

/* pessoas e aparelhos */
.calc-contas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.contagem{display:flex;flex-direction:column;gap:14px;min-width:0}
.passador{display:flex;align-items:center;gap:16px}
.passador button{width:46px;height:46px;border-radius:50%;border:1px solid var(--borda-forte);background:rgba(12,26,49,.6);color:var(--text-primary);font:500 22px/1 var(--f-texto);cursor:pointer;display:grid;place-items:center;transition:border-color .3s var(--ease-out),background-color .3s var(--ease-out),transform .25s var(--ease-out),opacity .3s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.passador button:hover:not(:disabled){border-color:var(--accent-muted);background:rgba(26,111,240,.18)}
.passador button:active:not(:disabled){transform:scale(.93)}
.passador button:disabled{opacity:.35;cursor:default}
.passador output{font-family:var(--f-display);font-weight:600;font-size:2.1rem;line-height:1;min-width:2.2ch;text-align:center;font-variant-numeric:tabular-nums}
.passador output.pulo{animation:pulo .45s var(--ease-out)}
@keyframes pulo{0%{transform:scale(1.25);color:#d4f4ff;text-shadow:0 0 20px rgba(92,200,255,.8)}100%{transform:none}}
.calc-dica{font-size:13.5px;line-height:1.5;color:var(--text-secondary)}

/* ---------- Resultado ---------- */
.planta{width:min(100%,460px);height:auto;align-self:center;border-radius:18px;background:#06122a;border:1px solid rgba(92,200,255,.12)}
.pl-sala{fill:rgba(92,200,255,.045);stroke:#9fdcff;stroke-width:2}
.pl-janela{stroke:#ffd3a1;stroke-width:5;stroke-linecap:round}
.pl-solzinho circle{fill:#ffb35c;opacity:.9}
.pl-solzinho line{stroke:#ffb35c;stroke-width:2;stroke-linecap:round;opacity:.75}
.pl-solzinho.forte circle{fill:#ff9b45;filter:drop-shadow(0 0 8px rgba(255,155,69,.8))}
.pl-cotas line{stroke:rgba(159,220,255,.45);stroke-width:1}
.pl-cotas text{font-family:var(--f-mono);font-size:11px;fill:#8fa3bd}
#pl-gente{fill:#dceaff}
#pl-aparelhos rect{fill:#ff9f5a;opacity:.85}
.pl-jatos path{fill:none;stroke:url(#pl-frio);stroke-linecap:round;stroke-dasharray:6 10;opacity:.85}
.vivo .pl-jatos path{animation:jato 1.4s linear infinite}
@keyframes jato{to{stroke-dashoffset:-32}}
.pl-unidade{fill:#f2f7ff;transition:fill .4s var(--ease-out)}
.pl-unidade.alerta{fill:#ffcfa6}
.pl-unidade-txt{font-family:var(--f-mono);font-size:8.5px;font-weight:500;fill:#0b1f3d}

.saida-grade{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,26px);align-items:center}
.roda{--dial-w:min(214px,56vw);margin-bottom:0}
.roda-aro{fill:none;stroke:rgba(120,170,230,.16);stroke-width:1}
.roda-pos line{stroke:rgba(214,226,242,.3);stroke-width:2;stroke-linecap:round;transition:stroke .3s}
.roda-pos text{font-family:var(--f-mono);font-size:17px;fill:#7f93ae;transition:fill .3s}
.roda-pos.ativa text{fill:#ffffff}
.roda-pos.ativa line{stroke:var(--accent-muted)}
.roda-reco{fill:none;stroke:rgba(92,200,255,.75);stroke-width:1.5;stroke-dasharray:3 4}
.roda-disco{transform-box:view-box;transform-origin:50% 50%;transition:transform .75s cubic-bezier(.34,1.56,.64,1)}
.roda-corpo{fill:#0d1e3b}
.roda-borda{fill:none;stroke:rgba(92,200,255,.38);stroke-width:1.5}
.roda-serrilha{stroke:rgba(214,226,242,.16);stroke-width:2}
.roda-ponteiro{stroke:var(--accent-muted);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(92,200,255,.85))}
.roda-ponta{fill:#e9f6ff}
.roda .dial-miolo{inset:30%}
.roda-leitura{gap:2px}
.calc-num{font-family:var(--f-display);font-weight:600;font-size:clamp(2.2rem,3.6vw,2.9rem);line-height:.92;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.calc-num.troca{animation:troca .45s var(--ease-out)}
@keyframes troca{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.roda-leitura small{font-size:10px}
.calc-num.longo{font-size:clamp(1.7rem,2.6vw,2.1rem)}

.saida-txt{display:flex;flex-direction:column;gap:12px;min-width:0}
.veredito{display:flex;gap:11px;align-items:flex-start;font-weight:600;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.42;color:#9fe6ff;transition:color .4s var(--ease-out)}
.veredito::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;margin-top:.5em;background:currentColor;box-shadow:0 0 12px currentColor}
.veredito[data-tom="pequeno"]{color:#ffb27a}
.veredito[data-tom="folga"]{color:#b9cdfa}
.veredito[data-tom="grande"]{color:#d2b4ff}
.veredito[data-tom="projeto"]{color:#ffd27a}
.calc-carga{font-family:var(--f-mono);font-size:12.5px;line-height:1.6;color:var(--text-secondary)}
.reco{font-size:14px;color:var(--text-secondary)}
.reco button{font:inherit;font-weight:600;color:var(--accent-muted);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.roda-dica{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#7f93ae}
.saida-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.link-medir{font-weight:600;font-size:15px;color:var(--text-primary);text-underline-offset:4px;text-decoration-color:rgba(92,200,255,.6)}
.link-medir:hover{color:var(--accent-muted)}
.como-conta{font-size:14px;color:var(--text-secondary)}
.como-conta summary{cursor:pointer;font-weight:600;color:var(--text-primary);width:fit-content;text-decoration:underline;text-decoration-color:rgba(92,200,255,.5);text-underline-offset:4px}
.como-conta summary:hover{color:var(--accent-muted)}
.como-conta p{margin-top:10px;line-height:1.6;max-width:60ch}
.aviso{font-size:13px;line-height:1.55;color:#8c9bb1;padding-top:16px;border-top:1px solid var(--linha)}

/* ---------- A outra metade ---------- */
.metade{padding:clamp(80px,10vw,136px) var(--gx);display:flex;flex-direction:column;gap:22px;border-top:1px solid var(--linha)}
.metade .h2{max-width:18ch}
.metade-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(20px,3vw,36px)}
.metade article{padding:28px 26px;border-radius:20px;border:1px solid rgba(92,200,255,.14);background:rgba(10,22,42,.55);display:flex;flex-direction:column;gap:12px}
.metade-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(26,111,240,.16);color:var(--accent-muted)}
.metade-ic svg{width:24px;height:24px}
.metade h3{font-size:1.18rem}
.metade p{color:var(--text-secondary)}

/* ---------- Fecho ---------- */
.calc-fim{position:relative;overflow:hidden;isolation:isolate;padding:clamp(96px,12vw,170px) var(--gx);display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.calc-fim .fundo{position:absolute;inset:0;z-index:-2;background:url("hero-final.webp") 70% 60%/cover no-repeat;opacity:.5}
.calc-fim::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--canvas) 0%,rgba(6,15,30,.5) 30%,rgba(6,15,30,.55) 70%,var(--canvas) 100%)}
.calc-fim .h2{max-width:16ch}
.calc-fim .lede{color:#c9d5e5;max-width:46ch}
.calc-fim .acoes{justify-content:center}

/* ---------- Resumo fixo no celular ---------- */
.resumo-calc{position:fixed;left:12px;right:12px;bottom:12px;z-index:41;display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:16px;border:1px solid rgba(92,200,255,.35);background:rgba(10,22,42,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.5);transform:translateY(150%);transition:transform .55s var(--ease-out)}
.resumo-calc.mostra{transform:none}
.resumo-txt{display:flex;flex-direction:column;line-height:1.25}
.resumo-txt b{font-family:var(--f-display);font-weight:600;font-size:17px}
.resumo-txt small{font-size:12.5px;color:var(--text-secondary)}
.resumo-ir{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--accent-muted);white-space:nowrap}
.resumo-ir svg{width:18px;height:18px}

/* ---------- Responsivo ---------- */
@media (min-width:1181px) and (min-height:820px){
  .calc-saida{position:sticky;top:calc(var(--topo) + 18px)}
}
@media (max-width:1180px){
  .calc{grid-template-columns:minmax(0,1fr)}
  .calc-saida{position:static}
  .metade-grade{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){
  .resumo-calc{display:flex}
}
@media (max-width:560px){
  .opcoes{grid-template-columns:minmax(0,1fr)}
  .opcao span{flex-direction:row;justify-content:flex-start;min-height:52px;padding:12px 16px}
  .calc-contas{grid-template-columns:minmax(0,1fr)}
  .saida-grade{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:left}
  .saida-txt{width:100%}
  .saida-acoes .btn{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .roda-disco{transition:none}
  .vivo .pl-jatos path{animation:none}
}