/* media/css/fonts.css */
@font-face {
  font-family: 'GT-Haptik';
  src: url('../../fonts/GT-Haptik-Bold.woff2') format('woff2'),
       url('../../fonts/GT-Haptik-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT-Haptik';
  src: url('../../fonts/GT-Haptik-Bold-Oblique.woff2') format('woff2'),
       url('../../fonts/GT-Haptik-Bold-Oblique.woff') format('woff');
  font-weight: 700;
  font-style: oblique;  /* si prefieres, puedes usar italic */
  font-display: swap;
}

@font-face {
  font-family: 'GT-Haptik';
  src: url('../../fonts/GT-Haptik-Bold-Rotalic.woff2') format('woff2'),
       url('../../fonts/GT-Haptik-Bold-Rotalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;   /* “Rotalic” trátalo como italic si no hay eje CSS */
  font-display: swap;
}