/* Fuente Mokoto - CSS dedicado */
@font-face {
  font-family: "Mokoto";
  src: url("../fonts/Mokoto Demo.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Estilos específicos para el logo */
.logo-text,
.footer-logo-text,
.logo-mokoto {
  font-family: "Mokoto", "Exo", "Rajdhani", "Orbitron", "Arial Black", "Impact", "Helvetica", sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.25rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: white !important;
  font-stretch: condensed;
  line-height: 1.2;
}

/* Fallback si Mokoto no carga */
@supports not (font-family: "Mokoto") {
  .logo-text,
  .footer-logo-text,
  .logo-mokoto {
    font-family: "Exo", "Rajdhani", "Arial Black", "Impact", sans-serif !important;
    font-weight: 300 !important;
  }
}