/* Importa las fuentes */
/* Fuente Light */
@font-face {
  font-family: 'Brandon Grotesque Light';
  src: url('fonts/Brandon_light.ttf') format('truetype');
  font-weight: 300; /* Ajusta el peso a 300 para fuentes Light */
  font-style: normal;
}

/* Fuente Medium */
@font-face {
  font-family: 'Brandon Grotesque Medium';
  src: url('fonts/BrandonGrotesque-Medium.ttf') format('truetype');
  font-weight: 500; /* Ajusta el peso a 500 para fuentes Medium */
  font-style: normal;
}

/* Fuente Regular */
@font-face {
  font-family: 'Brandon Grotesque';
  src: url('fonts/BrandonGrotesque-Regular.ttf') format('truetype');
  font-weight: normal; /* Ajusta el peso a normal para fuentes Regular */
  font-style: normal;
}

/* Fuente Bold */
@font-face {
  font-family: 'Brandon Grotesque Bold';
  src: url('fonts/Brandon_bld.ttf') format('truetype');
  font-weight: 700; /* Ajusta el peso a normal para fuentes Regular */
  font-style: normal;
}

/* Aplica las fuentes a elementos específicos */