:root {
    --blanco: #ffffff;
    --gris_claro: #eceef3;
    --azul_extra_claro: #cceaff;
    --azul_claro: #4db5ff;
    --azul_oficial: #0565a8;
    --azul_oscuro: #033a61;
    --negro: #000000;
}


@font-face {
  font-family: "Articulat";
  font-weight: 100;
  src:
    url("../content/fonts/Montserrat/Montserrat-Thin.ttf") format("opentype");
}

@font-face {
  font-family: "Articulat";
  font-weight: 200;
  src:
    url("../content/fonts/Montserrat/Montserrat-ExtraLight.ttf") format("opentype");
}

@font-face {
  font-family: "Articulat";
  font-weight: 300;
  src:
    url("../content/fonts/Montserrat/Montserrat-Light.ttf") format("opentype");
}

@font-face {
  font-family: "Articulat";
  font-weight: 400;
  src:
    url("../content/fonts/Montserrat/Montserrat-Regular.ttf") format("opentype");
}

@font-face {
  font-family: "Articulat";
  font-weight: 500;
  src:
    url("../content/fonts/Montserrat/Montserrat-Medium.ttf") format("opentype");
}

@font-face {
  font-family: "Articulat";
  font-weight: 600;
  src:
    url("../content/fonts/Montserrat/Montserrat-SemiBold.ttf") format("opentype");
}

@font-face {
  font-family: "Articulat";
  font-weight: 700;
  src:
    url("../content/fonts/Montserrat/Montserrat-Bold.ttf") format("opentype");
}

@font-face {
  font-family: "Articulat";
  font-weight: 800;
  src:
    url("../content/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("opentype");
}




/* 

PARA MEDIA QUERIES
TABLET: 850px
CELULAR: 480px

*/