/* ---------- variable style ---------- */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* FUENTE */


@font-face {

  font-family: 'Filson Pro Bold';

  src:  url(../font/FilsonProBold.woff) format("woff");

  font-weight: bold;

}




/* VARIABLES */

:root {

  --c-negro: #323948;
  --c-blanco: #FFFFFF;
  --c-morado: #352d3e;
  --c-granate: #8c333c;
  --c-rojo: #b1393e;
  --c-naranja: #f16e36; 
  --c-amarillo: #ffbb71;
  --c-verde: #2a5c5e;
  --c-grisclaro: #f9f9f9;
  --c-gris: #efefef;

  --f-primaria: 'Filson Pro Bold', serif;
  --f-secundaria: 'DM Sans', sans-serif;

}