/* Página da prévia gratuita (usa os tokens de estilo.css) */
.pv { display: grid; gap: 56px; padding-block: 8px 120px; }
.pv p { margin: 0; }
.pv h2 { font-size: clamp(34px, 5.4vw, 54px); line-height: 1.08; margin: 0; }
.pv h3 { font-size: clamp(28px, 4vw, 40px); line-height: 1.12; color: var(--texto); margin: 0; }
.pv h4 { font-family: var(--serif); font-weight: 600; font-size: 24px; color: var(--ouro-claro); margin: 0; text-wrap: balance; }
.pv h4 small { font: 400 13px var(--sans); color: var(--suave); }
.pv-secao { display: grid; gap: 18px; }
.pv-secao > p:not(.sobretitulo):not(.pv-legenda):not(.pv-contagem), .pv-pilar p, .pv-dna p, .pv-oferta > p { max-width: 68ch; font-size: 18px; line-height: 1.7; }
.pv .sobretitulo { margin: 0; }

.pv-abertura { display: grid; gap: 16px; max-width: 820px; }
.pv-dados-nasc { color: var(--ouro-claro); font-size: 16px; letter-spacing: .3px; }
.pv-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pv-chip { border: 1px solid var(--borda); border-radius: 999px; padding: 6px 14px; font-size: 14px; color: var(--ouro-claro); background: rgba(212,176,106,.06); }
.pv-lead { font: 400 22px/1.5 var(--serif); color: var(--texto); max-width: 62ch; }

.pv-figura { width: 100%; max-width: 440px; margin: 0 auto; }
.pv-figura svg { display: block; width: 100%; height: auto; }
.pv-ceu { max-width: 520px; }
.pv-legenda { color: var(--suave); font-size: 15px; line-height: 1.6; max-width: 68ch; }
.pv-svg-rotulo { font: 500 10px var(--sans); }
.pv-svg-nota { font: 400 8.5px var(--sans); }

.pv-duas { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; }
.pv-duas > * { min-width: 0; display: grid; gap: 14px; }
@media (max-width: 820px) { .pv-duas { grid-template-columns: 1fr; } }
.pv-lua { grid-template-columns: 220px 1fr; }
@media (max-width: 820px) { .pv-lua { grid-template-columns: 1fr; } }
.pv-figura-lua { max-width: 200px; text-align: center; }
.pv-lua h3 { font-size: 34px; }

.pv-pilares { display: grid; grid-template-columns: minmax(0, 380px) 1fr; gap: 36px; align-items: start; }
.pv-pilares > * { min-width: 0; }
@media (max-width: 900px) { .pv-pilares { grid-template-columns: 1fr; } }
.pv-pilares .pv-figura { position: sticky; top: 20px; }
@media (max-width: 900px) { .pv-pilares .pv-figura { position: static; max-width: 360px; } }
.pv-pilares-txt { display: grid; gap: 32px; }
.pv-pilar { display: grid; gap: 10px; padding-left: 18px; border-left: 1px solid var(--borda); }
.pv-pilar-rotulo { font-size: 12px !important; letter-spacing: 1.5px; text-transform: uppercase; color: var(--ouro) !important; font-weight: 500; }

.pv-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 860px) { .pv-trio { grid-template-columns: 1fr; } }
.pv-mini { display: grid; gap: 8px; align-content: start; padding: 22px; border-radius: 16px; background: var(--cartao); border: 1px solid var(--borda); }
.pv-mini h4 { font-size: 22px; }
.pv-mini p { font-size: 16px; line-height: 1.6; }

.pv-dna h4 { font-size: 18px; color: var(--suave); font-family: var(--sans); font-weight: 500; }
.pv-barras { display: grid; gap: 10px; }
.pv-barra { display: grid; grid-template-columns: 74px 1fr 42px; gap: 10px; align-items: center; font-size: 14px; color: var(--suave); }
.pv-barra.forte { color: var(--texto); font-weight: 500; }
.pv-barra-trilho { height: 10px; border-radius: 999px; background: rgba(255,255,255,.07); overflow: hidden; }
.pv-barra-trilho span { display: block; height: 100%; border-radius: 999px; }
.pv-barra-num { text-align: right; font-variant-numeric: tabular-nums; }
.pv-assinatura { display: grid; gap: 10px; margin-top: 10px; padding: 24px; border-radius: 16px; border: 1px solid var(--ouro); background: linear-gradient(135deg, rgba(212,176,106,.10), rgba(107,70,193,.10)); }
.pv-assinatura p:not(.sobretitulo) { font-size: 17px; line-height: 1.65; max-width: 70ch; }

.pv-ponte { display: flex; justify-content: center; }
.pv-cta { font-size: 17px; padding: 17px 30px; max-width: 100%; white-space: normal; }

.pv-contagem { color: var(--ouro-claro); font-size: 17px; }
.pv-destaque { display: grid; gap: 10px; padding: 24px; border-radius: 16px; background: var(--cartao); border: 1px solid var(--borda); }
.pv-destaque-txt { font: 400 22px/1.5 var(--serif); }
.pv-destaque p { font-size: 17px; line-height: 1.65; max-width: 72ch; }
.pv-destaque p.pv-destaque-txt { font-size: 22px; }
.pv-sub { margin-top: 18px !important; }
.pv-grafico { max-width: 640px; margin: 0; }

.pv-datas { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.pv-datas li { display: grid; gap: 6px; padding: 18px 20px; border-radius: 14px; background: rgba(10,6,24,.5); border: 1px solid rgba(185,166,232,.18); }
.pv-data { font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--ouro); font-weight: 500; }
.pv-data-titulo { font: 600 21px/1.3 var(--serif); color: var(--texto); }
.pv-trancado { filter: blur(5px); user-select: none; color: var(--suave); font-size: 15px; }
.pv-cadeado { font-size: 13px; color: var(--ouro-claro); }

.pv-oferta { display: grid; gap: 20px; padding: 32px 26px; border-radius: 22px; border: 1px solid var(--ouro); background: radial-gradient(ellipse at top right, rgba(212,176,106,.16), transparent 60%), rgba(29,21,56,.85); }
.pv-inclui { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 28px; }
@media (max-width: 700px) { .pv-inclui { grid-template-columns: 1fr; } }
.pv-inclui li { display: grid; gap: 2px; padding-left: 24px; position: relative; }
.pv-inclui li::before { content: '✦'; position: absolute; left: 0; top: 1px; color: var(--ouro); }
.pv-inclui strong { color: var(--texto); font-weight: 500; }
.pv-inclui span { color: var(--suave); font-size: 15px; }
.pv-preco { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: baseline; justify-content: space-between; border-top: 1px solid var(--borda); padding-top: 18px; }
.pv-preco > div { display: grid; gap: 2px; }
.pv-preco-valor { font: 600 44px var(--serif); color: var(--ouro); white-space: nowrap; }
.pv-preco-alt { color: var(--suave); font-size: 14px; }
.pv-preco p { color: var(--suave); font-size: 15px; }

.pv-barra-fixa {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 15;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px max(16px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
  background: rgba(18, 13, 36, .94); border-top: 1px solid var(--borda); backdrop-filter: blur(8px);
  font-size: 15px; color: var(--texto);
}
.pv-barra-fixa .primario { padding: 11px 20px; font-size: 15px; flex: none; }
@media (min-width: 900px) { .pv-barra-fixa { justify-content: center; gap: 28px; } }
@media (prefers-reduced-motion: no-preference) {
  .pv-barra-fixa { animation: pv-sobe .5s ease-out both; }
  @keyframes pv-sobe { from { transform: translateY(100%); } to { transform: none; } }
}