/* ===================================================
   FUENTES PROPIAS (self-hosted)
   Coloca los archivos descargados en la carpeta /fonts
   con estos nombres exactos, o ajusta la ruta abajo.
   =================================================== */

@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/metropolis.bold-webfont.woff2') format('woff2'),
       url('../fonts/metropolis.bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap; /* evita texto invisible mientras carga */
}

/* Cuando tengas más pesos, añade un @font-face por cada uno, ej:

@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/metropolis-medium.woff2') format('woff2'),
       url('../fonts/metropolis-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
*/