/* Páginas internas (planos, contato, termos, privacidade, exclusão de conta, nova marca) no layout
   RXBR da página inicial. Vem depois do home.css: reaproveita os tokens dele e veste as classes que
   essas páginas já usavam, sem mudar o texto delas. */
:root{
  /* nomes antigos usados nos estilos de cada página */
  --bg:var(--chao);--bg2:var(--chao2);--card:var(--placa);--line:var(--fio);
  --fg:var(--texto);--fg2:var(--texto2);--fg3:var(--texto3);
  --cyan:var(--ciano);--cyan-ink:var(--ciano-tinta);--font:var(--corpo)
}
section{padding-block:clamp(48px,7vw,88px)}
h2{font-size:clamp(28px,4vw,42px)}
.center{text-align:center}.center .lead{margin-inline:auto}
.small{font-size:13.5px;color:var(--texto3)}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ciano)}
.btn-cta{background:var(--ciano);color:var(--ciano-tinta);justify-content:center;cursor:pointer}
.btn-cta:hover{background:#5FE6FF}
.btn-ghost{border-color:var(--fio2);color:var(--texto);justify-content:center}
.btn-ghost:hover{border-color:var(--texto3)}

/* topo de página: a mesma grade de papel técnico do hero da inicial */
.page-hero{position:relative;padding-block:56px 40px;text-align:center;overflow:hidden;border-bottom:1px solid var(--fio);
  background-image:linear-gradient(var(--fio) 1px,transparent 1px),linear-gradient(90deg,var(--fio) 1px,transparent 1px);
  background-size:32px 32px;background-position:-1px -1px}
.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 50% 0%,transparent,var(--chao) 80%);pointer-events:none}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{font-size:clamp(34px,5vw,56px);margin-top:14px}
.page-hero .lead{margin:16px auto 0}

/* planos */
.toggles{display:flex;gap:10px 14px;justify-content:center;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--fio2);border-radius:10px;padding:3px;gap:3px;flex-wrap:wrap}
.seg button{font:inherit;font-size:14px;background:none;border:0;color:var(--texto2);border-radius:7px;padding:8px 14px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--placa2);color:var(--texto)}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
@media (max-width:1000px){.plans{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.plans{grid-template-columns:1fr}}
.plan{position:relative;border:1px solid var(--fio);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px;background:var(--chao2);min-width:0}
.plan.hl{border-color:var(--ciano);background:var(--placa)}
.plan .tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ciano)}
.plan h3{font-size:22px}
.plan .who{font-family:var(--mono);font-size:12.5px;color:var(--texto3)}
.plan .v{font-family:var(--display);font-size:36px;line-height:1;font-variant-numeric:tabular-nums}
.plan .v small{font-family:var(--corpo);font-size:13px;color:var(--texto3);font-weight:400}
.plan .per{font-family:var(--mono);font-size:12px;color:var(--texto3);min-height:18px;margin-top:-6px}
.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px;color:var(--texto2);flex:1;align-content:start}
.plan li::before{content:"✓ ";color:var(--ok)}
.plan .btn{margin-top:auto}
.table-wrap{overflow-x:auto;margin-top:28px;border:1px solid var(--fio);border-radius:14px;background:var(--chao2)}
.compare{width:100%;border-collapse:collapse;min-width:640px;font-size:14.5px}
.compare th,.compare td{padding:12px 14px;text-align:center;border-bottom:1px solid var(--fio)}
.compare th:first-child,.compare td:first-child{text-align:left;color:var(--texto)}
.compare thead th{font-family:var(--display);font-size:16px;background:var(--placa);position:sticky;top:0}
.compare thead th small{display:block;font-family:var(--mono);font-size:11.5px;color:var(--texto3);font-weight:400}
.compare thead th.hl{color:var(--ciano)}
.compare td{color:var(--texto2)}
.compare .y{color:var(--ok);font-weight:700}.compare .n{color:var(--texto3)}
.compare .grp td{background:var(--placa);font-family:var(--mono);color:var(--ciano);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}
.compare tr:last-child td{border-bottom:0}
.compare tr[hidden]{display:none}
.choose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
@media (max-width:820px){.choose{grid-template-columns:1fr}}
.choose div{background:var(--placa);border:1px solid var(--fio);border-radius:14px;padding:20px;min-width:0}
.choose b{display:block;font-family:var(--display);font-size:19px;margin-bottom:6px}
.choose p{margin:0;color:var(--texto2);font-size:15px}
.final{text-align:center;border-top:1px solid var(--fio)}
.final h2{font-size:clamp(32px,5vw,52px)}

/* contato */
.form-card{max-width:560px;margin:28px auto 0;background:var(--placa);border:1px solid var(--fio2);border-radius:14px;padding:24px;display:grid;gap:16px}
.form-card label{display:block;font-size:13.5px;color:var(--texto2);margin-bottom:6px}
.form-card input,.form-card textarea{width:100%;font:inherit;font-size:16px;color:var(--texto);background:var(--chao);border:1px solid var(--fio2);border-radius:10px;padding:12px 14px}
.form-card textarea{resize:vertical;min-height:140px}
.form-card input:focus,.form-card textarea:focus{outline:2px solid var(--ciano);outline-offset:1px;border-color:transparent}
.form-card .btn{width:100%}
.form-card .btn:disabled{opacity:.6;cursor:default}

/* termos, privacidade e exclusão de conta */
.legal{padding-block:48px 72px}
.legal .container{max-width:780px;margin:0 auto;padding-inline:20px}
.legal h1{font-size:clamp(30px,4vw,42px);margin:16px 0 6px}
.legal h2{font-size:21px;margin:34px 0 10px}
.legal h3{font-size:17px;margin:22px 0 8px}
.legal p,.legal li{color:var(--texto2);font-size:15.5px;line-height:1.75}
.legal p{margin:0 0 12px}
.legal strong{color:var(--texto)}
.legal a{color:var(--ciano)}
.legal ul,.legal ol{padding-left:20px}
.back-link{font-family:var(--mono);font-size:12.5px;color:var(--texto3)!important}
.back-link:hover{color:var(--texto)!important}