/* ==========================================================================
   Ignitor — chrome de marca compartido.

   Primer (y por ahora único) CSS externo del sitio: el resto de los estilos
   sigue inline por página, a propósito. Acá vive SOLO lo que se repite en
   varias páginas y no puede divergir sin que se note al navegar.

   NO lo linkea coming-soon/index.html: el apex la sirve con root propio
   (/srv/ignitor/coming-soon), así que /assets/ le da 404. Esa página lleva
   copias locales de los assets y se queda con sus estilos inline.
   ========================================================================== */

/* ---- Marca ---------------------------------------------------------------
   El spark es un sprite pixel-art 16x16 renderizado 1:1, nunca un emoji:
   ⛽ se dibujaba distinto en cada plataforma (creíble en Windows, lustroso en
   macOS) y las banderas 🇺🇸🇪🇸 directamente no renderizaban en Windows. */
.brand .spark{
  width:16px;height:16px;flex-shrink:0;
  image-rendering:pixelated;         /* upscale crocante si algún día crece */
}

/* La marca dentro de una frase ("Made with ⛽ and nostalgia") del footer.
   display:inline-block es obligatorio: las páginas traen `img{display:block}`
   global, que acá partiría el renglón en tres. */
.spark-copy{
  display:inline-block;vertical-align:-2px;
  width:12px;height:12px;image-rendering:pixelated;
}

/* ---- Tipografía de títulos (F2 del audit) --------------------------------
   Los títulos no tenían voz propia: todo el sitio corría en el stack de
   sistema. Manda UNA variable y nada más; el cuerpo del texto NO se toca —
   el sabor pixel vive en los iconos, no en la tipografía.

   La fuente es Fraunces (SIL OFL 1.1), old-style con las rarezas de un cartel
   viejo — que es justo lo contrario de una plantilla. Va SELF-HOSTED: no hay
   request a Google Fonts, misma postura de privacidad que el Umami propio.
   El archivo es el subset `latin`, que ya trae acentos y eñe (U+00C0-00FF).
   La licencia viaja al lado, en assets/fonts/Fraunces.OFL.txt — la OFL obliga.

   Para cambiarla: dejar el woff2 nuevo en assets/fonts/, apuntar el src, y
   cambiar el primer nombre de --font-display. Ninguna página se toca.
   Candidatas descartadas, por si en QA preferís otra: Zilla Slab (slab con
   terminales cuadradas, la más segura) y Bitter (la más conservadora). */
@font-face{
  font-family:"Fraunces";
  src:url("/assets/fonts/fraunces-700-latin.woff2") format("woff2");
  font-weight:700;font-style:normal;
  font-display:swap;                 /* nunca texto invisible: se dibuja con la
                                        de sistema y se cambia al llegar */
  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+2074,U+20AC,
                U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
  /* El fallback no es el stack del cuerpo: si Fraunces no carga, los títulos
     igual caen en una serif y no en la sans de siempre. */
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
}

/* Solo h1/h2/h3. h4 (chrome del footer) y el cuerpo se quedan en el sistema. */
h1,h2,h3{font-family:var(--font-display)}