/* Fuentes autoalojadas — ninguna se le pide a Google.

   Dos grupos, en este orden: primero las 18 familias del selector FUENTES del
   catálogo (las que elige el comerciante), y al final las del sitio de
   mercadeo (portada y login), que NO están en ese selector. El comentario de
   ese segundo bloque explica la diferencia.

   Cada familia trae SOLO el subconjunto "latin" y SOLO los pesos que declara
   el selector FUENTES de catalog.html: bajar la familia completa (cirílico,
   griego, vietnamita, pesos que nadie elige) multiplicaría el peso sin que
   ningún catálogo lo use.

   Declarar las 18 familias aquí NO hace que el visitante las baje todas: una
   regla @font-face solo dispara la descarga cuando algo en la página usa esa
   familia, y un catálogo usa UNA. Lo que baja un visitante es su fuente y ya
   (la más pesada del set es Merriweather, 286 KB).

   Licencias: todas son SIL Open Font License 1.1 salvo Roboto (Apache-2.0).
   Ver /fonts/LICENCIAS.txt junto a los archivos. */

/* Inter — variable (400-800) en un solo archivo, ya venía autoalojada. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/fonts/inter-latin-variable.woff2') format('woff2');
}

/* Poppins — 5 peso(s): 400, 500, 600, 700, 800 */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/poppins-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/poppins-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/poppins-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/poppins-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/poppins-latin-800.woff2') format('woff2');
}

/* Nunito — 4 peso(s): 400, 600, 700, 800 */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/nunito-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/nunito-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/nunito-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/nunito-latin-800.woff2') format('woff2');
}

/* Montserrat — 4 peso(s): 400, 600, 700, 800 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/montserrat-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/montserrat-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/montserrat-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/montserrat-latin-800.woff2') format('woff2');
}

/* Roboto — 3 peso(s): 400, 500, 700 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/roboto-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/roboto-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/roboto-latin-700.woff2') format('woff2');
}

/* Quicksand — 3 peso(s): 400, 600, 700 */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/quicksand-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/quicksand-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/quicksand-latin-700.woff2') format('woff2');
}

/* Lora — 3 peso(s): 400, 600, 700 */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/lora-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/lora-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/lora-latin-700.woff2') format('woff2');
}

/* Raleway — 4 peso(s): 400, 600, 700, 800 */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/raleway-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/raleway-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/raleway-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/raleway-latin-800.woff2') format('woff2');
}

/* DM Sans — 3 peso(s): 400, 500, 700 */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/dm-sans-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/dm-sans-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/dm-sans-latin-700.woff2') format('woff2');
}

/* Josefin Sans — 3 peso(s): 400, 600, 700 */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/josefin-sans-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/josefin-sans-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/josefin-sans-latin-700.woff2') format('woff2');
}

/* Oswald — 4 peso(s): 400, 500, 600, 700 */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/oswald-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/oswald-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/oswald-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/oswald-latin-700.woff2') format('woff2');
}

/* Playfair Display — 4 peso(s): 400, 600, 700, 800 */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/playfair-display-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/playfair-display-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/playfair-display-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/playfair-display-latin-800.woff2') format('woff2');
}

/* Merriweather — 3 peso(s): 400, 700, 900 */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/merriweather-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/merriweather-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/merriweather-latin-900.woff2') format('woff2');
}

/* Comfortaa — 3 peso(s): 400, 600, 700 */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/comfortaa-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/comfortaa-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/comfortaa-latin-700.woff2') format('woff2');
}

/* Fredoka — 3 peso(s): 400, 500, 600 */
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/fredoka-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/fredoka-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/fredoka-latin-600.woff2') format('woff2');
}

/* Bebas Neue — 1 peso(s): 400 */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/bebas-neue-latin-400.woff2') format('woff2');
}

/* Pacifico — 1 peso(s): 400 */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/pacifico-latin-400.woff2') format('woff2');
}

/* Caveat — 3 peso(s): 400, 600, 700 */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/caveat-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/caveat-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/caveat-latin-700.woff2') format('woff2');
}

/* ==========================================================================
   FUENTES DEL SITIO DE MERCADEO (portada y login) — NO del selector FUENTES
   --------------------------------------------------------------------------
   Las 18 de arriba son las que el comerciante puede ELEGIR para su catálogo.
   Estas dos no aparecen en ese selector: las usa la piel de catago.com.co
   (public/index.html y public/login.html) y solo ellas.

   Inter (arriba, variable 400-800) y Caveat (arriba) ya estaban, y la piel
   nueva las reaprovecha: no se bajó ningún archivo repetido.

   Los pesos son EXACTAMENTE los que la piel usa, no los que traía la maqueta:
     · Bricolage Grotesque — la maqueta pedía 400/600/700/800 a Google, pero
       todas sus reglas ponen font-weight:800 (títulos, logo, número de paso,
       precio). Los otros tres pesos eran descarga muerta.
     · JetBrains Mono — 400 (etiquetas, tiquete), 500 (eyebrow) y 700 (nombre
       del negocio y total del tiquete). Los tres se usan de verdad.

   Igual que las de arriba: declararlas aquí NO hace que nadie las baje. Un
   @font-face solo dispara la descarga cuando la página usa esa familia, así
   que el catálogo público sigue bajando UNA fuente, la suya, y ni Bricolage
   ni JetBrains Mono se le cruzan.

   CUIDADO al tocar las pilas de fuentes: ninguna de estas dos puede aparecer
   como RESERVA de otra (ver el caso de Roboto en LICENCIAS.txt y la prueba
   pruebas/fuentes-autoalojadas.js, que lo vigila). De reserva solo van
   fuentes del sistema: ui-sans-serif, system-ui, ui-monospace, monospace.
   ========================================================================== */

/* Bricolage Grotesque — 1 peso: 800. Títulos y marca de la portada/login. */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/bricolage-grotesque-latin-800.woff2') format('woff2');
}

/* JetBrains Mono — 3 peso(s): 400, 500, 700. Etiquetas y el tiquete del hero. */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/jetbrains-mono-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/jetbrains-mono-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/jetbrains-mono-latin-700.woff2') format('woff2');
}