/* ============================================================
   ENCUENTRO 2026 — Font Declarations & Utility Classes
   Carpeta: /fonts/
   
   Familias disponibles:
   · Novecento Medium
   · Novecento DemiBold
   · Novecento WideBold
   · Novecento WideDemiBold
   · Lato Regular
   · Lato Bold
   · Lato Black
   · Myriad Pro (Regular / It / Bold / BoldIt)
============================================================ */

/* ══════════════════════════════════════════════════════════
   @font-face DECLARATIONS
   format() en orden: woff2 primero (mejor compresión),
   luego woff, otf/ttf como fallback.
   Ajusta los nombres de archivo según tus archivos reales.
══════════════════════════════════════════════════════════ */

/* ── Novecento Medium ─────────────────────────────────── */
@font-face {
    font-family: 'Novecento';
    src: url('../fonts/NovecentoMedium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ── Novecento DemiBold ───────────────────────────────── */
@font-face {
    font-family: 'Novecento';
    src: url('../fonts/NovecentoDemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ── Novecento Wide Bold ──────────────────────────────── */
@font-face {
    font-family: 'Novecento Wide';
    src: url('../fonts/NovecentoWideBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ── Novecento Wide DemiBold ──────────────────────────── */
@font-face {
    font-family: 'Novecento Wide';
    src: url('../fonts/NovecentoWideDemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ── Lato Regular ─────────────────────────────────────── */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ── Lato Bold ────────────────────────────────────────── */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ── Lato Black ───────────────────────────────────────── */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ── Myriad Pro Regular ───────────────────────────────── */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ── Myriad Pro Italic ────────────────────────────────── */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-It.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* ── Myriad Pro Bold ──────────────────────────────────── */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ── Myriad Pro Bold Italic ───────────────────────────── */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-BoldIt.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}


/* ══════════════════════════════════════════════════════════
   UTILITY CLASSES
   Uso: <p class="nov-medium">Texto</p>
   El tamaño lo defines inline o con tu CSS propio:
   <p class="nov-medium" style="font-size: 2rem">Texto</p>
   O en tu hoja de estilos:
   .mi-titulo { font-size: clamp(2rem, 5vw, 4rem); }
══════════════════════════════════════════════════════════ */

/* ── Novecento ────────────────────────────────────────── */

/* Novecento Medium — peso 500, ideal para labels y nav */
.nov-medium {
    font-family: 'Novecento', sans-serif;
    font-weight: 500;
    font-style: normal;
}

/* Novecento DemiBold — peso 600, subtítulos y textos destacados */
.nov-demibold {
    font-family: 'Novecento', sans-serif;
    font-weight: 600;
    font-style: normal;
}

/* Novecento Wide Bold — peso 700, headlines principales */
.nov-wide-bold {
    font-family: 'Novecento Wide', sans-serif;
    font-weight: 700;
    font-style: normal;
}

/* Novecento Wide DemiBold — peso 600, headlines secundarios */
.nov-wide-demibold {
    font-family: 'Novecento Wide', sans-serif;
    font-weight: 600;
    font-style: normal;
}


/* ── Lato ─────────────────────────────────────────────── */

/* Lato Regular — peso 400, cuerpo de texto */
.lato {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* Lato Bold — peso 700, énfasis y botones */
.lato-bold {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
}

/* Lato Black — peso 900, impacto máximo */
.lato-black {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-style: normal;
}


/* ── Myriad Pro ───────────────────────────────────────── */

/* Myriad Pro Regular */
.myriad {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* Myriad Pro Italic */
.myriad-italic {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 400;
    font-style: italic;
}

/* Myriad Pro Bold */
.myriad-bold {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 700;
    font-style: normal;
}

/* Myriad Pro Bold Italic */
.myriad-bold-italic {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 700;
    font-style: italic;
}


/* ══════════════════════════════════════════════════════════
   REFERENCIA RÁPIDA DE CLASES
   ──────────────────────────────────────────────────────
   NOVECENTO
   .nov-medium          → Novecento Medium       weight 500
   .nov-demibold        → Novecento DemiBold     weight 600
   .nov-wide-bold       → Novecento Wide Bold    weight 700
   .nov-wide-demibold   → Novecento Wide DemiBold weight 600

   LATO
   .lato                → Lato Regular           weight 400
   .lato-bold           → Lato Bold              weight 700
   .lato-black          → Lato Black             weight 900

   MYRIAD PRO
   .myriad              → Myriad Pro Regular     weight 400
   .myriad-italic       → Myriad Pro Italic      weight 400 italic
   .myriad-bold         → Myriad Pro Bold        weight 700
   .myriad-bold-italic  → Myriad Pro Bold Italic weight 700 italic
   ──────────────────────────────────────────────────────
   USO EN HTML:
   <h1 class="nov-wide-bold">ENCUENTRO 2026</h1>
   <p class="lato">Texto de cuerpo</p>
   <span class="myriad-bold" style="font-size:1.2rem">Label</span>
══════════════════════════════════════════════════════════ */