/* Sistema tipográfico Wayki Studio: Satoshi (titulares) + Inter (texto/UI), autoalojadas.
   Satoshi: Fontshare (ITF Free Font License). Inter: SIL Open Font License (subset latino). */
@font-face{
  font-family:'Satoshi';
  src:url('assets/fonts/Satoshi-Variable.woff2') format('woff2');
  font-weight:300 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('assets/fonts/Inter-Variable-latin.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --font-display:'Satoshi','Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --font-text:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Texto base e interfaz */
body{
  font-family:var(--font-text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Titulares con la fuente display y jerarquía por tracking */
h1,h2,h3,h4,.brand,.mega-heading,.story-copy h1,.access-copy h1,.capability-intro h1,.article-heading h1,.blog-intro h1{
  font-family:var(--font-display);
}
h1{letter-spacing:-.03em}
h2{letter-spacing:-.02em}
h3{letter-spacing:-.012em}
/* Evita palabras huérfanas en titulares y párrafos */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

/* Botones heredan el texto para consistencia de UI */
.button,button{font-family:var(--font-text)}