/* assets/css/base.css — body, layout base, botões, tipografia utilitária */
body{
  background:var(--ink);color:var(--text);font-family:var(--body);
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:17px;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px;position:relative;z-index:2;}
.gold{color:var(--gold);}
.eyebrow{font-family:var(--disp);font-size:12.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);}
section{position:relative;}

/* Fundo de partículas — canvas fixo transparente atrás de tudo */
#particles-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;background:transparent;}
main,header.nav,.maya-footer{position:relative;z-index:2;}

/* Glow radial reutilizável */
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;z-index:0;}

/* Botões */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:transform .18s,box-shadow .25s,background .2s;white-space:nowrap;}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1405;box-shadow:0 6px 24px -8px rgba(212,175,55,.6);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 34px -8px rgba(212,175,55,.75);}
.btn-ghost{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.02);}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);}

/* Seções genéricas */
.sec{padding:clamp(72px,10vw,130px) 0;}
.sec-head{max-width:720px;margin-bottom:52px;}
.sec-head .num{font-family:var(--disp);font-size:13px;color:var(--gold);letter-spacing:.2em;font-weight:600;}
.sec-head h2{font-family:var(--disp);font-weight:700;font-size:clamp(30px,5vw,52px);line-height:1.04;letter-spacing:-.02em;margin:14px 0 16px;text-wrap:balance;}
.sec-head p{font-size:17px;color:var(--muted);line-height:1.6;}