/* Páginas públicas no padrão v2 (2026-10-12): preços, sobre, comparar,
   termos, privacidade e login. Carrega DEPOIS do <style> de cada página, então
   só reescreve o visual (fundo, tipo, grupos, rótulos em caixa de frase); a
   estrutura e as regras guardadas por teste continuam no template. */
body{background-color:var(--base);background-image:var(--faixa);background-repeat:no-repeat;font-size:16px}
nav{background:var(--vidro);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--sep)}
.nav-inner{height:60px;padding-left:24px;padding-right:24px}
.logo,.brand .logo{font-family:var(--mono);font-weight:700;font-size:19px;letter-spacing:-.02em}
.nav-link{font-size:14px;border-radius:99px;padding:8px 12px;color:var(--ink-2);text-decoration:none}
.nav-link:hover{background:var(--fill)}

/* títulos: mono como face de display, sem caixa alta */
h1,.page-header h1{font-family:var(--mono);font-weight:700;font-size:clamp(30px,4.2vw,46px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
h2{font-family:var(--mono);font-weight:700;letter-spacing:-.02em}
.page-header{padding:72px 0 40px}
.page-header p{font-size:17px}
.kicker,.plan-name,thead th,th,.vs-badge{text-transform:none!important;letter-spacing:0!important}
thead th,th{font-family:var(--sans);font-size:13px;font-weight:600}

/* grupos: opacos, cantos de 20, sombra que não flutua */
.plan-card,.card,.vs,.metric,.cta-block,.page-header p.oferta{border:0!important;border-radius:20px!important;background:var(--panel);box-shadow:var(--sombra-grupo)!important}
.plan-name{font-size:15px;font-weight:600;color:var(--ink)}
.plan-card.featured::before{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;border-radius:99px!important;padding:3px 12px!important}
.plan-card.featured{box-shadow:0 0 0 2px var(--accent),var(--sombra-grupo)!important}
header{border-bottom-color:var(--sep)}
.plan-price{font-family:var(--mono);font-weight:700;font-size:34px;letter-spacing:-.03em}
.regua-preco{font-family:var(--mono);font-weight:700}
.regua-seg{border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--sep)}
.toggle-group{background:var(--fill);border-radius:99px;padding:3px}
.toggle-btn{border-radius:99px}
.btn{border-radius:99px}
.vs-badge{border-radius:99px;font-size:12px;padding:3px 10px}
.metric .num{font-family:var(--mono);font-weight:700;letter-spacing:-.02em}
.compare-section{border-top:0}
.compare-scroll{background:var(--panel);border-radius:20px;box-shadow:var(--sombra-grupo);padding:6px 12px}
.compare-scroll table{border-collapse:collapse;width:100%}

/* login: um cartão sobre o fundo da marca */
.card{padding:40px 36px}
.field input{border-radius:12px;border-color:var(--sep);min-height:44px;font-size:15px}
.oauth-btn{min-height:46px}

/* rodapé com o segmentado de tema */
footer{border-top:0}
.footer-tema .seg-tema{width:240px;margin:16px auto 0}

/* Alvo de toque nas páginas públicas (celular): menu, alternadores e links do
   rodapé ficavam em 21-38px de altura. */
@media (pointer: coarse){
  .nav-link,.toggle-btn,.brand{min-height:40px;display:inline-flex;align-items:center}
  .footer-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 6px}
}