/* Página da Leitura Numerológica (usa os tokens e componentes de style.css) */
.pg-leitura footer{padding-bottom:40px}
.entrada{padding:40px 0 56px}
.entrada h1,.capa-leitura h1{color:#fff;font-size:clamp(2rem,7vw,3rem)}
.ficha{display:grid;gap:8px;text-align:left;margin-top:22px;background:var(--noite2);border:1.5px solid rgba(232,211,160,.45);border-radius:22px;padding:22px}
.ficha label{font:800 .8rem Nunito;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro);margin-top:8px}
.ficha input{font:600 1.05rem Nunito;padding:14px 16px;border-radius:14px;border:2px solid var(--tinta);background:#fff;color:var(--tinta);width:100%;min-width:0}
.ficha input:focus{outline:3px solid var(--ouro);outline-offset:1px}
.ficha .btn{margin-top:16px}
.erro{margin:0;color:#FFB4A8;font-size:.9rem}
.priv{margin:10px 0 0;font-size:.85rem;color:#B9B0D4;text-align:center}

.capa-leitura{padding:44px 0}
.capa-leitura .lead{color:var(--ouro-claro)}
.mapa{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:24px}
.mapa div{border:1.5px solid rgba(232,211,160,.5);border-radius:16px;padding:14px 8px;background:rgba(255,255,255,.05)}
.mapa b{display:block;font:600 2.2rem/1 Fraunces,serif;color:var(--ouro-claro)}
.mapa span{display:block;margin-top:6px;font:800 .72rem Nunito;letter-spacing:.1em;text-transform:uppercase;color:#CFC7E4}

.bloco{padding:34px 0 8px;border-bottom:1.5px dashed var(--lav)}
.bloco .num{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--noite);color:var(--ouro-claro);font:600 1.6rem Fraunces,serif;border:2px solid var(--ouro);margin-bottom:10px}
.bloco h2{font-size:clamp(1.5rem,5vw,2rem)}
.bloco h2 small{display:block;font:800 .78rem Nunito;letter-spacing:.14em;text-transform:uppercase;color:var(--roxo);margin-bottom:6px}
.bloco h3{font-size:1.1rem;margin:18px 0 4px;color:var(--roxo-esc)}
.bloco p{color:var(--tinta)}
.vibra{display:grid;gap:8px;background:var(--bg2);border:1.5px solid var(--tinta);border-radius:18px;padding:18px;margin:16px 0 24px;box-shadow:4px 4px 0 var(--tinta)}
.vibra div{display:flex;gap:10px}
.vibra b{min-width:84px;font:800 .78rem Nunito;letter-spacing:.08em;text-transform:uppercase;color:var(--roxo);padding-top:3px}
.vibra blockquote{margin:6px 0 0;font:italic 500 1.15rem/1.45 Fraunces,serif;color:var(--tinta)}
.licao{border:1.5px solid var(--tinta);border-radius:16px;padding:16px 18px;margin:12px 0;background:#fff}
.licao h3{margin-top:0}
.acoes{padding:36px 0 20px}
.link{background:none;border:0;color:var(--roxo);font:700 .95rem Nunito;text-decoration:underline;cursor:pointer;margin-top:10px}

@media print{
  .topo,.entrada,.acoes,footer,.ceu{display:none!important}
  body{background:#fff}
  .capa-leitura{background:#2A2340!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .vibra,.licao,.bloco h2{break-inside:avoid}
  .bloco h2{break-after:avoid}
  .js .rv{opacity:1!important;transform:none!important}
}

/* página de obrigado */
.passos-entrega{display:grid;gap:14px;margin:26px 0}
.entrega{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid var(--tinta);border-radius:20px;padding:18px;box-shadow:4px 4px 0 var(--tinta)}
.entrega .n{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--noite);color:var(--ouro-claro);font:600 1.2rem Fraunces,serif;border:2px solid var(--ouro)}
.entrega h2{font-size:1.2rem;margin:2px 0 4px}
.entrega p{margin:0 0 12px;color:var(--muted);font-size:.97rem}
.entrega .btn{padding:13px 20px;font-size:.98rem}
.entrega .tag{margin-bottom:8px}
.dica-final{background:var(--bg2);border:1.5px dashed var(--roxo);border-radius:18px;padding:18px;margin-bottom:30px}
.dica-final h3{margin-bottom:6px}

/* páginas de privacidade e termos */
.legal{padding-block:30px 40px}
.legal h1{font-size:clamp(1.8rem,6vw,2.4rem);margin-bottom:4px}
.legal h2{font-size:1.2rem;margin:24px 0 6px}
.legal .atualizado{color:var(--muted);font-size:.9rem}
.legal ul{padding-left:20px}
.legal li{margin-bottom:6px}
.legal .voltar{margin-top:30px}
.legal a,.pg-leitura footer a{color:var(--roxo)}
.pg-leitura footer a{color:var(--ouro-claro)}
