/* ============================================================
   BASE.CSS — Reset, tipografia, utilitários e botões
   ============================================================ */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--navy);color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
/* ---------- continuidade de rolagem: revelação progressiva ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ---------- shells ---------- */
.wrap{max-width:1140px;margin:0 auto;padding:0 28px}
.eyebrow{font-family:var(--font-display);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;font-weight:600}


/* ---------- Botões (usados na landing E no diagnóstico) ---------- */
.btn{border:none;border-radius:99px;padding:13px 28px;font-family:var(--font-display);font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;transition:transform .15s,box-shadow .2s,opacity .2s}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(22,54,92,.35)}
.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
.btn-ghost{background:none;color:var(--muted);padding-left:0}
.btn-ghost:hover{color:var(--navy)}
.btn-gold{background:linear-gradient(120deg,var(--gold),var(--amber));color:var(--navy-deep)}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(216,169,63,.4)}
.btn-wa{background:#2E7D5B;color:#fff}
.btn-wa:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(46,125,91,.35)}