:root {
    --blanco: #ffffff;
    --gris__claro: #eeeeee;
    --gris__medio: #303136;
    --gris__oscuro: #111111;
    --negro: #000000;
    --negro__alpha: rgba(0, 0, 0, 0.6);
    --azul: #006BD4;
    --azul__oscuro: #004a94;
    --azul__negro: #091f35;
    --rojo: #FF274A;
    --verde: #15292a;
    --verde__claro: #ffbb00;
}


@font-face {
  font-family: "Articulat";
  font-weight: 100;
  src:
    url("../content/fonts/Articulat CF Font/Articulat\ CF\ Extra\ Light.ttf.ttf") format("opentype");
}

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

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

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

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

@font-face {
  font-family: "Articulat";
  font-weight: 600;
  src:
    url("../content/fonts/Articulat CF Font/Articulat\ CF\ Demi\ Bold.ttf") format("opentype");
}

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

@font-face {
  font-family: "Articulat";
  font-weight: 800;
  src:
    url("../content/fonts/Articulat CF Font/Articulat\ CF\ Extra\ Bold.ttf") format("opentype");
}

@font-face {
  font-family: "Articulat";
  font-weight: 900;
  src:
    url("../content/fonts/Articulat CF Font/Articulat\ CF\ Heavy.ttf.ttf") format("opentype");
}

@font-face {
  font-family: "Title";
  src:
    url("../content/fonts/Glacier-Regular.woff") format("woff");
}

/* 

PARA MEDIA QUERIES
TABLET: 850px
CELULAR: 480px

*/