/* =============================================================
   GOLDEN ASSET — 01-base.css
   Capa "Base" (SMACSS): reset y estilos por defecto de elementos.
   Sin clases — solo selectores de elemento y utilidades genéricas.
   ============================================================= */

*{ margin:0; padding:0; box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  background:var(--ink);
  color:var(--paper);
  font-family:'Inter', sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }
img{ max-width:100%; display:block; }

::selection{ background:var(--gold); color:#fff; }
:focus-visible{ outline:2px solid var(--gold-bright); outline-offset:3px; }

/* ---- Contenedor genérico ---- */
.wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
@media (max-width:640px){ .wrap{ padding:0 20px; } }

/* ---- Textura de grano (sutil, sobre toda la página) ---- */
.grain{
  position:fixed; inset:0; pointer-events:none; z-index:2;
  opacity:var(--grain-opacity); mix-blend-mode:var(--grain-blend);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}