/*
 * Tipografía Camuzzi: Gotham Rounded para títulos (Book / Medium / Bold, OTF
 * aportados por el cliente) y Roboto para el cuerpo (variable, Apache 2.0).
 *
 * Una familia por peso, como hace la app con Montserrat: el tema elige la
 * familia (`--font-semibold`), no el peso. En Roboto variable el descriptor
 * `font-weight` fija el eje: pedir 400 sobre 'Roboto-SemiBold' rinde 600.
 */

@font-face {
  font-family: 'Roboto-Regular';
  font-weight: 400;
  font-display: swap;
  src: url('fuentes/Roboto-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto-SemiBold';
  font-weight: 600;
  font-display: swap;
  src: url('fuentes/Roboto-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto-Bold';
  font-weight: 700;
  font-display: swap;
  src: url('fuentes/Roboto-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto-Italic';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fuentes/Roboto-italic-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'GothamRounded-Book';
  font-weight: 400;
  font-display: swap;
  src: url('fuentes/GothamRnd-Book.otf') format('opentype');
}
@font-face {
  font-family: 'GothamRounded-Medium';
  font-weight: 500;
  font-display: swap;
  src: url('fuentes/GothamRnd-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'GothamRounded-Bold';
  font-weight: 700;
  font-display: swap;
  src: url('fuentes/GothamRnd-Bold.otf') format('opentype');
}