/* base.css — reset, tipografía y elementos globales (botones, swoosh, foco). */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.wrap{max-width:1280px;margin:0 auto;padding:0 28px}

/* Tipografía de marca */
.eyebrow{font-family:var(--util);text-transform:uppercase;letter-spacing:.30em;font-size:.70rem;font-weight:600;color:var(--accent)}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;font-style:italic;line-height:.90;letter-spacing:.005em}
.metal{background:linear-gradient(180deg,#FFFFFF 0%,#D2D2D2 44%,#8A8A8A 60%,#EDEDED 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.swoosh{display:block;height:5px;width:84px;margin-top:16px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--accent) 32%,var(--accent-hi));transform:skewX(-22deg);box-shadow:0 0 16px rgba(225,6,0,.55)}

/* Botones */
.btn{font-family:var(--util);text-transform:uppercase;letter-spacing:.10em;font-weight:600;font-size:.84rem;padding:15px 28px;border-radius:7px;cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .2s,background .2s,color .2s;display:inline-flex;align-items:center;gap:9px}
.btn-primary{background:linear-gradient(135deg,var(--accent-hi),var(--accent));color:#fff;box-shadow:0 0 26px rgba(225,6,0,.38)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 38px rgba(225,6,0,.6)}
.btn-ghost{background:rgba(255,255,255,.02);border-color:#333;color:var(--txt)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}

/* Saltos por ancla: que el header sticky (~74px) no tape el título de la sección */
section[id], main[id]{scroll-margin-top:90px}

/* Accesibilidad */
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}