/* Archivo Regular */
@font-face {
  font-family: 'Archivo';
  src: url('../files/fonts/Archivo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Archivo Italic */
@font-face {
  font-family: 'Archivo';
  src: url('..//files/fonts/Archivo-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Archivo Medium */
@font-face {
  font-family: 'Archivo';
  src: url('..//files/fonts/Archivo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Archivo Medium Italic */
@font-face {
  font-family: 'Archivo';
  src: url('../files/fonts/Archivo-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Archivo SemiBold */
@font-face {
  font-family: 'Archivo';
  src: url('../files/fonts/Archivo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Archivo SemiBold Italic */
@font-face {
  font-family: 'Archivo';
  src: url('../files/fonts/Archivo-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Archivo Bold */
@font-face {
  font-family: 'Archivo';
  src: url('../files/fonts/Archivo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Archivo Bold Italic */
@font-face {
  font-family: 'Archivo';
  src: url('../files/fonts/Archivo-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
    font-family: 'Dangrek';
    src: url('../files/fonts/Dangrek-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../files/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    /* porque es variable */
    font-style: normal;
    font-display: swap;
}