/**
 * LA24 - Custom Fonts
 * Fuente: Azonix (bold geometric sans-serif)
 * 
 * INSTRUCCIONES:
 * 1. Descarga Azonix desde: https://www.dafont.com/azonix.font
 * 2. Extrae el archivo .zip
 * 3. Copia "Azonix.otf" a la carpeta: /wp-content/themes/La24/assets/fonts/
 * 4. Si tienes el .ttf, también cópialo
 */

/* ============================================================
   @FONT-FACE - Cargar fuente Azonix
   ============================================================ */

@font-face {
  font-family: 'Azonix';
  src: url('../fonts/Azonix.otf') format('opentype'),
       url('../fonts/Azonix.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Mejora rendimiento - muestra texto mientras carga */
}

/* ============================================================
   VARIABLES - Actualizar fuentes del tema
   ============================================================ */

:root {
  /* Fuente para títulos/headings - Azonix */
  --font-heading: 'Azonix', 'Orbitron', 'Exo 2', system-ui, sans-serif;
  
  /* Fuente para body - mantener la actual o usar una complementaria */
  --font-body: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ============================================================
   APLICAR AZONIX A ELEMENTOS ESPECÍFICOS
   ============================================================ */

/* Títulos de sección */
.section-title,
h1, h2, h3 {
  font-family: var(--font-heading);
  text-transform: uppercase; /* Azonix es solo mayúsculas */
  letter-spacing: 0.05em;
}

/* Hero tagline */
.hero-tagline {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Brand/Logo en header */
.brand,
.custom-logo-link,
.footer-brand {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

/* Categorías (círculos) */
.cat span {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Work cards - títulos */
.work-meta h3 {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Service cards - títulos */
.service-title {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* News cards - títulos */
.news-title {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Botones y CTAs */
.service-cta,
.section-link,
.contact-submit,
.footer-cta {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ============================================================
   FALLBACK - Google Fonts (Orbitron) como respaldo
   Si Azonix no carga, usar Orbitron que es similar
   ============================================================ */

/* Descomentar si quieres cargar Orbitron como fallback desde Google Fonts */
/*
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap');
*/

/* ============================================================
   FUENTE COMPLEMENTARIA PARA BODY TEXT
   Inter es una excelente opción moderna y legible
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Aplicar Inter al body y textos generales */
body,
p,
.work-meta p,
.service-desc,
.news-excerpt,
.footer-text,
.contact-meta {
  font-family: var(--font-body);
}