/* ===========================================================
   Calculadora de orçamento
   =========================================================== */
.calc-section{ padding-top:56px; }
.calc-wrap{ max-width:920px; }

.calc-plans{
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:28px;
}
@media (max-width:640px){
  .calc-plans{ grid-template-columns:1fr; }
}
.calc-plan-tab{
  display:flex; flex-direction:column; gap:4px; align-items:flex-start;
  padding:16px 18px; border-radius:var(--radius-md); border:1px solid var(--line);
  background:var(--paper-raised); cursor:pointer; text-align:left;
  transition:border-color .15s ease, transform .15s ease;
}
.calc-plan-tab:hover{ border-color:var(--primary); }
.calc-plan-tab.is-active{
  border-color:var(--accent); background:var(--accent-tint);
  box-shadow:0 0 0 1px var(--accent);
}
.calc-plan-name{ font-family:'Sora'; font-weight:700; font-size:15px; }
.calc-plan-hint{ font-size:12.5px; color:var(--muted); }

.calc-card{
  background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:32px;
}
.calc-talk{ text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; }
.calc-talk h2{ font-size:22px; font-weight:700; }
.calc-talk p{ font-size:15px; color:var(--ink-soft); max-width:52ch; line-height:1.6; }
.calc-talk-actions{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:8px; }

.calc-grid{ display:grid; grid-template-columns:1fr 320px; gap:36px; align-items:start; }
@media (max-width:800px){ .calc-grid{ grid-template-columns:1fr; } }

.calc-fields{ display:flex; flex-direction:column; gap:36px; }
.calc-field-group{ display:flex; flex-direction:column; gap:18px; }
.calc-field-head{ display:flex; align-items:baseline; gap:12px; margin-bottom:2px; }
.calc-step{ font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--accent); }
.calc-field-head h2{ font-size:18px; font-weight:700; }

.calc-field{ display:flex; flex-direction:column; gap:8px; }
.calc-field-label-row{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; flex-wrap:wrap; }
.calc-field-label-row label{ font-size:13.5px; font-weight:600; color:var(--ink-soft); }
.calc-field-note{ font-size:12px; color:var(--muted); font-family:'JetBrains Mono',monospace; }

.calc-stepper{ display:inline-flex; align-items:center; gap:0; width:fit-content; border:1px solid var(--line); border-radius:100px; overflow:hidden; }
.calc-stepper-btn{
  width:38px; height:38px; border:none; background:var(--paper); color:var(--ink);
  font-size:18px; font-family:'Sora'; cursor:pointer; line-height:1;
}
.calc-stepper-btn:hover{ background:var(--primary-tint); }
.calc-stepper input{
  width:56px; text-align:center; border:none; border-left:1px solid var(--line); border-right:1px solid var(--line);
  height:38px; font-family:'Manrope'; font-size:15px; font-weight:600; color:var(--ink); background:var(--paper-raised);
}
.calc-stepper input::-webkit-outer-spin-button, .calc-stepper input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.calc-stepper input{ -moz-appearance:textfield; }

.calc-checks{ display:flex; flex-direction:column; gap:10px; }
.calc-check{
  display:flex; align-items:flex-start; gap:12px; padding:14px 16px;
  border:1px solid var(--line); border-radius:var(--radius-sm); cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
.calc-check:has(input:checked){ border-color:var(--primary); background:var(--primary-tint); }
.calc-check input{ position:absolute; opacity:0; width:1px; height:1px; }
.calc-check-box{
  flex:none; width:19px; height:19px; margin-top:2px; border-radius:6px; border:1.5px solid var(--line);
  background:var(--paper-raised); position:relative; transition:border-color .15s ease, background .15s ease;
}
.calc-check input:checked + .calc-check-box{ background:var(--primary); border-color:var(--primary); }
.calc-check input:checked + .calc-check-box::after{
  content:""; position:absolute; left:5px; top:1px; width:5px; height:10px;
  border:solid #F4FAF9; border-width:0 2px 2px 0; transform:rotate(45deg);
}
.calc-check input:focus-visible + .calc-check-box{ outline:2px solid var(--accent); outline-offset:2px; }
.calc-check-text{ display:flex; flex-direction:column; gap:2px; font-size:14px; }
.calc-check-text small{ color:var(--muted); font-size:12.5px; font-weight:400; }

.calc-check--maintenance{ margin-top:6px; }

.calc-summary{
  position:sticky; top:96px;
  background:var(--brand-deep); color:var(--brand-on-deep);
  border-radius:var(--radius-lg); padding:26px;
  display:flex; flex-direction:column; gap:16px;
}
.calc-summary-head{ display:flex; flex-direction:column; gap:2px; }
.calc-summary-plan{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); }
.calc-summary-label{ font-size:13px; color:#CFE7E5; }
.calc-summary-value{ font-family:'Sora'; font-weight:700; font-size:26px; line-height:1.15; }
.calc-summary-list{ list-style:none; margin:0; padding:12px 0; border-top:1px solid rgba(244,250,249,.16); display:flex; flex-direction:column; gap:8px; }
.calc-summary-list li{ display:flex; justify-content:space-between; gap:10px; font-size:13px; color:#CFE7E5; }
.calc-summary-list li span:last-child{ font-family:'JetBrains Mono',monospace; color:#F4FAF9; }
.calc-summary-note{ font-size:12px; color:#9FD3DE; line-height:1.5; }
.calc-summary-btn{ width:100%; margin-top:4px; }

@media (max-width:800px){
  .calc-summary{ position:static; }
}

/* ---------- Template do PDF (fora da tela, usado pelo html2canvas) ---------- */
.pdf-template{
  position:fixed; left:-99999px; top:0;
  width:794px; /* A4 a 96dpi */
  background:#FFFFFF; color:#0E2229;
  font-family:'Manrope',Arial,sans-serif;
}