/* ===================================================
   1. REGISTRO DE LAS FUENTES
   =================================================== */
@font-face {
  font-family: "Helvetica-GDC";
  src: url("../fonts/inter-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica-GDC";
  src: url("../fonts/inter-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ===================================================
   2. APLICACIÓN A TEXTOS (El método seguro)
   =================================================== */
/* Forzamos Helvetica SOLO en las etiquetas que llevan texto.
   Al NO incluir la etiqueta <i>, FontAwesome y Flaticon se salvan automáticamente */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
label,
input,
button,
select,
textarea,
th,
td {
  font-family: "Helvetica-GDC", Helvetica, Arial, sans-serif !important;
}

/* ===================================================
   3. APLICACIÓN A CONTENEDORES (Modo suave)
   =================================================== */
/* A los div y span se lo aplicamos sin el "!important".
   Así, el texto normal será Helvetica, pero si un icono está metido
   en un span, la librería del icono tendrá fuerza para defenderse. */
div,
span,
ul,
table {
  font-family: "Helvetica-GDC", Helvetica, Arial, sans-serif;
}