/* Hits 92.1 — sistema tipográfico
   Títulos  → Momo Trust Display
   Cuerpo   → Poppins
   Menú + Footer → Huninn
   Ver: 01 Website/Website/TIPOGRAFIA.md
*/

/* —— Momo Trust Display (solo Regular en GF; se mapea a varios pesos) —— */
@font-face {
  font-family: "Momo Trust Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/momo-trust-display/momo-trust-display-400.woff2") format("woff2");
}
@font-face {
  font-family: "Momo Trust Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/momo-trust-display/momo-trust-display-400.woff2") format("woff2");
}
@font-face {
  font-family: "Momo Trust Display";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/momo-trust-display/momo-trust-display-400.woff2") format("woff2");
}
@font-face {
  font-family: "Momo Trust Display";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/momo-trust-display/momo-trust-display-400.woff2") format("woff2");
}

/* —— Poppins (textos descriptivos) —— */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/poppins/poppins-300.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins/poppins-400.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/poppins/poppins-500.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins/poppins-600.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins/poppins-700.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/poppins/poppins-800.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/poppins/poppins-900.woff2") format("woff2");
}

/* —— Huninn (menú + footer) —— */
@font-face {
  font-family: "Huninn";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/huninn/huninn-400.woff2") format("woff2");
}
@font-face {
  font-family: "Huninn";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/huninn/huninn-400.woff2") format("woff2");
}
@font-face {
  font-family: "Huninn";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/huninn/huninn-400.woff2") format("woff2");
}
@font-face {
  font-family: "Huninn";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/huninn/huninn-400.woff2") format("woff2");
}

:root {
  --font-display: "Momo Trust Display", "Poppins", sans-serif;
  --font-body: "Poppins", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-nav: "Huninn", "Poppins", sans-serif;
}

/* Cuerpo / textos descriptivos */
html,
body,
button,
input,
select,
textarea,
p,
li,
label,
.welcome-subtitle,
.section-subtitle,
.program-description,
.program-time,
.news-excerpt,
.noticia-excerpt,
.locutor-bio,
.cta-description {
  font-family: var(--font-body) !important;
}

/* Títulos (ej. Tu Destino Musical) */
h1,
h2,
h3,
h4,
.welcome-title,
.section-title,
.program-title,
.hero-title,
.page-title,
.noticia-title,
.news-title,
.locutor-name,
.cta-title,
.hc4-logo,
.hc4-title {
  font-family: var(--font-display) !important;
}

/* Menú + Footer (misma tipografía: Huninn) */
.hits92-header,
.hits92-header a,
.hits92-header button,
.hits92-header .nav-menu,
.hits92-header .nav-menu a,
.hits92-header .mobile-menu,
.hits92-header .mobile-menu a,
.hits92-header .live-btn,
.hits92-header .nav-toggle,
.footer,
.footer a,
.footer p,
.footer li,
.footer span,
.footer button,
.footer-description,
.footer-title,
.footer-links,
.footer-links a,
.footer-contact,
.footer-frequency,
.footer-copyright,
.footer-copyright a,
.footer-bottom,
.footer-bottom-links,
.footer-bottom-links a,
.footer-map-btn,
.footer-social a {
  font-family: var(--font-nav) !important;
}

/* No romper Font Awesome */
.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fas,
.fa-solid {
  font-weight: 900 !important;
}
.far,
.fa-regular {
  font-weight: 400 !important;
}
.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}