/* ==========================
   TIPOGRAFÍA GARET GLOBAL
========================== */

/* Hairline */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretHairlineRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretHairlineRegular.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretHairlineItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretHairlineItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* Thin */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretThinRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretThinRegular.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretThinItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretThinItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Light */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretLightRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretLightRegular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretLightItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretLightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Book */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretBookRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretBookRegular.woff') format('woff');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretBookItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretBookItalic.woff') format('woff');
  font-weight: 350;
  font-style: italic;
  font-display: swap;
}

/* Regular */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretRegular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretMediumRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretMediumRegular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretMediumItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretMediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretBold.woff2') format('woff2'),
       url('../fonts/garet/GaretBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretBoldItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretBoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ExtraBold */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretExtraBoldRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretExtraBoldRegular.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretExtraBoldItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretExtraBoldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Fat */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretFatRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretFatRegular.woff') format('woff');
  font-weight: 850;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretFatItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretFatItalic.woff') format('woff');
  font-weight: 850;
  font-style: italic;
  font-display: swap;
}

/* Heavy */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretHeavyRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretHeavyRegular.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretHeavyItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretHeavyItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Black */
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretBlackRegular.woff2') format('woff2'),
       url('../fonts/garet/GaretBlackRegular.woff') format('woff');
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('../fonts/garet/GaretBlackItalic.woff2') format('woff2'),
       url('../fonts/garet/GaretBlackItalic.woff') format('woff');
  font-weight: 950;
  font-style: italic;
  font-display: swap;
}