/* ====================================================================
   Argos — página de preços (/argos/precos · /en/pricing · /es/precios)
   Reusa tokens/componentes de styles.css; aqui só o que é da página.
   ==================================================================== */

/* ---------- HERO COMPACTO ---------- */
.p-hero { position:relative; z-index:2; padding:76px 0 40px; text-align:center; }
.p-hero::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(60% 55% at 50% 0%, rgba(var(--glow),.13), transparent 70%); }
.p-hero h1 { font-size:54px; line-height:1.05; letter-spacing:-1.8px; font-weight:300; color:var(--text-strong); margin:22px auto 20px; max-width:820px; }
.p-hero h1 b { font-weight:700; background:linear-gradient(92deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.p-hero p { font-size:17.5px; line-height:1.62; font-weight:300; color:var(--muted); max-width:640px; margin:0 auto; }
.p-hero p strong { color:var(--text); font-weight:500; }
.p-seals { list-style:none; display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:28px; }
.p-seals li { font-size:12.5px; color:var(--muted); display:flex; align-items:center; gap:8px; padding:8px 14px;
  border:1px solid var(--line); border-radius:100px; background:color-mix(in srgb,var(--card) 60%,transparent); }
.p-seals li::before { content:'✓'; color:var(--accent-2); font-weight:700; font-size:11.5px; }

/* ---------- CALCULADORA ---------- */
.calc-sec { position:relative; z-index:2; padding:24px 0 30px; }
.calc { position:relative; overflow:hidden; max-width:1020px; margin:0 auto; display:grid; grid-template-columns:1.15fr .85fr; gap:0;
  border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line)); border-radius:var(--radius); background:var(--card); box-shadow:var(--shadow-card); }
.calc::before { content:''; position:absolute; inset:-1px; pointer-events:none; border-radius:inherit;
  background:radial-gradient(70% 80% at 100% 0%, rgba(var(--glow),.12), transparent 60%); }
.calc-in { position:relative; padding:36px 40px 34px; }
.calc-label { font-size:11.5px; font-weight:600; letter-spacing:2.2px; text-transform:uppercase; color:var(--accent); }
.calc-q { font-size:24px; font-weight:400; letter-spacing:-.4px; color:var(--text-strong); margin-top:10px; }
.calc-row { display:flex; align-items:center; gap:18px; margin-top:26px; }
.calc-num { font-family:inherit; font-size:26px; font-weight:500; letter-spacing:-.6px; color:var(--text-strong); width:190px;
  background:var(--bg-soft); border:1px solid var(--line); border-radius:12px; padding:10px 14px; transition:.2s; -moz-appearance:textfield; }
.calc-num::-webkit-outer-spin-button, .calc-num::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.calc-num:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(var(--glow),.14); }
.calc-unit { font-size:14px; color:var(--muted); }
.calc-range { -webkit-appearance:none; appearance:none; width:100%; height:6px; margin-top:26px; border-radius:100px; outline:none;
  background:linear-gradient(90deg, var(--accent) var(--fill,0%), var(--line) var(--fill,0%)); cursor:pointer; }
.calc-range::-webkit-slider-thumb { -webkit-appearance:none; width:24px; height:24px; border-radius:50%; background:var(--accent);
  border:4px solid var(--card); box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent), 0 8px 22px -6px rgba(var(--glow),.7); cursor:grab; transition:transform .15s; }
.calc-range::-webkit-slider-thumb:hover { transform:scale(1.08); }
.calc-range::-moz-range-thumb { width:16px; height:16px; border-radius:50%; background:var(--accent); border:4px solid var(--card);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent), 0 8px 22px -6px rgba(var(--glow),.7); cursor:grab; }
.calc-ticks { display:flex; justify-content:space-between; margin-top:10px; font-size:11px; color:var(--muted-2); letter-spacing:.3px; }
.calc-hint { margin-top:22px; font-size:12.5px; line-height:1.55; color:var(--muted-2); display:flex; gap:8px; }
.calc-hint .spark { color:var(--accent); }
.calc-out { position:relative; padding:36px 38px 34px; background:linear-gradient(160deg, color-mix(in srgb,var(--accent) 9%,var(--bg-deep)), var(--bg-deep));
  border-left:1px solid var(--line-soft); display:flex; flex-direction:column; }
.calc-band { display:inline-flex; align-items:center; gap:9px; font-size:11.5px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--accent); }
.calc-band::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 10px var(--accent); }
.calc-band b { font-weight:600; color:var(--text); letter-spacing:.2px; text-transform:none; font-size:13px; }
.calc-price { margin-top:16px; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.calc-price .cur { font-size:20px; font-weight:400; color:var(--muted); }
.calc-price .val { font-size:56px; line-height:1; font-weight:300; letter-spacing:-2.4px; color:var(--text-strong); font-variant-numeric:tabular-nums; }
.calc-price .per { font-size:15px; color:var(--muted); font-weight:300; }
.calc-alt { margin-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.calc-alt div { padding:12px 14px; border:1px solid var(--line-soft); border-radius:12px; background:color-mix(in srgb,var(--card) 55%,transparent); }
.calc-alt span { display:block; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--muted-2); font-weight:500; }
.calc-alt b { display:block; margin-top:5px; font-size:17px; font-weight:500; color:var(--text); letter-spacing:-.3px; font-variant-numeric:tabular-nums; }
.calc-alt i { font-style:normal; font-size:11.5px; color:var(--accent-2); margin-left:6px; font-weight:500; }
.calc-cta { margin-top:auto; padding-top:22px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.calc-cta small { font-size:11.5px; color:var(--muted-2); }
.calc-out.over .calc-price, .calc-out.over .calc-alt, .calc-out.over .calc-cta small { display:none; }
.calc-over { display:none; margin-top:16px; font-size:16px; line-height:1.55; color:var(--text); font-weight:300; }
.calc-over b { color:var(--text-strong); font-weight:600; }
.calc-out.over .calc-over { display:block; }
html:not(.js) .calc-sec { display:none; }

/* ---------- TABELA DE FAIXAS ---------- */
.bands-sec { padding-top:70px; }
.bands { max-width:1020px; margin:0 auto; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); overflow:hidden; box-shadow:var(--shadow-soft); }
.band { display:grid; grid-template-columns:1.25fr 1fr 1fr 1.2fr .8fr; align-items:center; gap:14px; padding:18px 28px; border-top:1px solid var(--line-soft); transition:background .25s; position:relative; }
.band:first-child { border-top:0; }
.band.head { padding:14px 28px; background:var(--bg-2); font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--muted-2); font-weight:600; }
.band:not(.head):hover { background:color-mix(in srgb,var(--accent) 4%,var(--card)); }
.band.on { background:linear-gradient(90deg, rgba(var(--glow),.10), transparent 70%); }
.band.on::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--accent); box-shadow:0 0 14px var(--accent); }
.band .b-name { font-size:15.5px; font-weight:500; color:var(--text-strong); display:flex; flex-direction:column; gap:3px; }
.band .b-name small { font-size:12px; color:var(--muted-2); font-weight:300; }
.band .b-name em { font-style:normal; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; color:var(--accent); font-weight:600; }
.band .b-m { font-size:19px; font-weight:500; color:var(--text-strong); letter-spacing:-.4px; font-variant-numeric:tabular-nums; }
.band .b-m i, .band .b-a i, .band .b-p i { font-style:normal; font-size:11.5px; color:var(--muted-2); font-weight:300; margin-left:4px; }
.band .b-y { font-size:14px; color:var(--muted); font-variant-numeric:tabular-nums; }
.band .b-a { font-size:16px; font-weight:500; color:var(--accent); font-variant-numeric:tabular-nums; }
.band .b-a small { display:block; font-size:11px; color:var(--muted-2); font-weight:400; letter-spacing:.3px; margin-top:2px; }
.band .b-p { font-size:13.5px; color:var(--muted); font-variant-numeric:tabular-nums; }
.band.custom .b-m, .band.custom .b-y, .band.custom .b-a, .band.custom .b-p { color:var(--muted); font-size:14px; font-weight:400; }
.band.custom .b-m { grid-column:2 / span 3; }
.band.custom .b-m a { color:var(--accent); font-weight:600; }
.bands-note { max-width:1020px; margin:18px auto 0; display:flex; gap:22px; flex-wrap:wrap; font-size:12.5px; color:var(--muted-2); padding:0 6px; }
.bands-note span { display:flex; align-items:center; gap:7px; }
.bands-note .spark { color:var(--accent); }

/* ---------- TUDO INCLUSO ---------- */
.incl-sec { background:linear-gradient(180deg,var(--bg),var(--bg-deep) 50%,var(--bg)); }
.incl { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:1060px; margin:0 auto; }
.incl div { padding:22px 22px 20px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--card); transition:.25s; }
.incl div:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--accent) 40%,var(--line)); box-shadow:var(--shadow-soft); }
.incl svg { width:22px; height:22px; color:var(--accent); display:block; margin-bottom:14px; }
.incl h3 { font-size:15px; font-weight:600; color:var(--text-strong); letter-spacing:-.2px; }
.incl p { margin-top:6px; font-size:13px; line-height:1.55; color:var(--muted); font-weight:300; }
.incl .road { display:inline-block; margin-left:6px; font-size:10px; letter-spacing:1.2px; text-transform:uppercase; color:var(--warn); font-weight:600; vertical-align:middle; }
.incl-line { max-width:1060px; margin:26px auto 0; text-align:center; font-size:14px; color:var(--muted); font-weight:300; }
.incl-line b { color:var(--text); font-weight:500; }

/* ---------- COMO CONTAMOS / CONDIÇÕES ---------- */
.rules { display:grid; grid-template-columns:1.1fr .9fr; gap:26px; max-width:1060px; margin:0 auto; align-items:stretch; }
.rule-card { border:1px solid var(--line); border-radius:var(--radius); background:var(--card); padding:32px 34px; }
.rule-card h3 { font-size:20px; font-weight:500; color:var(--text-strong); letter-spacing:-.3px; }
.rule-card h3 small { display:block; margin-top:6px; font-size:13.5px; color:var(--muted); font-weight:300; }
.steps { list-style:none; margin-top:24px; display:flex; flex-direction:column; gap:16px; counter-reset:st; }
.steps li { display:grid; grid-template-columns:34px 1fr; column-gap:14px; row-gap:3px; align-items:start; }
.steps li::before { counter-increment:st; content:counter(st, decimal-leading-zero); font-size:12px; font-weight:600; letter-spacing:.5px; color:var(--accent);
  width:34px; height:34px; border-radius:10px; border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line)); display:grid; place-items:center; background:rgba(var(--glow),.06); }
.steps li > span { grid-column:2; }
.steps li::before { grid-row:1 / span 2; }
.steps b { display:block; font-size:14.5px; font-weight:500; color:var(--text); }
.steps span { display:block; margin-top:3px; font-size:13px; line-height:1.55; color:var(--muted); font-weight:300; }
.terms { list-style:none; margin-top:22px; display:flex; flex-direction:column; }
.terms li { display:flex; justify-content:space-between; gap:18px; padding:13px 0; border-top:1px solid var(--line-soft); font-size:13.5px; }
.terms li:first-child { border-top:0; padding-top:0; }
.terms li span { color:var(--muted); font-weight:300; }
.terms li b { color:var(--text); font-weight:500; text-align:right; white-space:nowrap; }
.terms li b.acc { color:var(--accent); }

/* ---------- COMPARATIVO SUAVE ---------- */
.frac { max-width:1060px; margin:56px auto 0; display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; }
.frac div { padding:22px 24px; border-radius:var(--radius-md); border:1px dashed var(--line); background:var(--bg-2); }
.frac b { display:block; font-size:15px; color:var(--text); font-weight:500; }
.frac p { margin-top:6px; font-size:13px; line-height:1.55; color:var(--muted); font-weight:300; }

/* ---------- RESPONSIVE ---------- */
@media (max-width:980px) {
  .p-hero h1 { font-size:38px; letter-spacing:-1.2px; }
  .calc { grid-template-columns:1fr; } .calc-out { border-left:0; border-top:1px solid var(--line-soft); }
  .calc-price .val { font-size:46px; }
  .band { grid-template-columns:1.2fr 1fr 1fr; grid-auto-rows:auto; row-gap:6px; }
  .band.head .b-y, .band.head .b-p, .band .b-y, .band .b-p { display:none; }
  .band.custom .b-m { grid-column:2 / span 2; }
  .incl { grid-template-columns:1fr 1fr; } .rules { grid-template-columns:1fr; } .frac { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .calc-in, .calc-out { padding:26px 22px; } .calc-row { flex-wrap:wrap; } .calc-num { width:150px; font-size:22px; }
  .calc-alt { grid-template-columns:1fr; }
  .band { grid-template-columns:1fr 1fr; padding:16px 18px; } .band.head { display:none; }
  .band .b-name { grid-column:1 / -1; } .band .b-a { text-align:right; }
  .band.custom .b-m { grid-column:1 / -1; }
  .incl { grid-template-columns:1fr; } .p-seals { gap:8px; }
}