/* ============================================================
   TECHMAGUI — Tipografías
   ============================================================
   BRUMDER  → SOLO títulos importantes, SIEMPRE en MAYÚSCULAS
   MAZZARD  → todo lo demás, usando sus distintos pesos
   ============================================================
   Fuentes en assets/fonts/ (.ttf).
   Para optimizar, el desarrollador puede añadir .woff2 antes
   del .ttf en cada src.
   ============================================================ */

/* ---------- BRUMDER (títulos importantes) ---------- */
@font-face {
  font-family: 'Brumder';
  src: url('../assets/fonts/Brumder-Regular.ttf') format('truetype');
  font-weight: 400 900;   /* rango amplio: permite font-weight variable */
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   ARREGLO DE SIGNOS DE APERTURA (¿ y ¡)
   ============================================================
   El glifo de ¿ (U+00BF) y ¡ (U+00A1) en Brumder se renderiza
   de forma incorrecta (se ve al revés). Con unicode-range,
   forzamos que SOLO esos dos caracteres usen Mazzard (que los
   dibuja bien), mientras el resto del título sigue en Brumder.
   Debe ir DESPUÉS del @font-face de Brumder para tener prioridad.
   ============================================================ */
@font-face {
  font-family: 'Brumder';
  src: url('../assets/fonts/MazzardH-Bold.ttf') format('truetype');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+00BF, U+00A1;  /* ¿ y ¡ */
}

/* ---------- MAZZARD (familia completa) ---------- */
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-Thin.ttf') format('truetype'); font-weight:100; font-style:normal; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-ExtraLight.ttf') format('truetype'); font-weight:200; font-style:normal; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-Light.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-Italic.ttf') format('truetype'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-Medium.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-MediumItalic.ttf') format('truetype'); font-weight:500; font-style:italic; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-SemiBold.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-ExtraBold.ttf') format('truetype'); font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:'Mazzard'; src:url('../assets/fonts/MazzardH-Black.ttf') format('truetype'); font-weight:900; font-style:normal; font-display:swap; }

/* ============================================================
   REGLA GLOBAL: todos los títulos Brumder van en MAYÚSCULAS
   (se aplica vía text-transform en styles.css con la clase
    correspondiente; esta es una salvaguarda adicional)
   ============================================================ */
