/* ============================================================
   PENACHA — Tipografías (self-hosted)
   Archivos .ttf en /fonts (rutas relativas a este archivo: ../fonts/)
   - Be Vietnam Pro → fuente principal (títulos y texto). var --fuente-titulo / --fuente-texto
   - Oswald         → acento display opcional. var --fuente-display (sin uso por defecto)
   ============================================================ */

/* ---------- Be Vietnam Pro ---------- */
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-Thin.ttf') format('truetype');
    font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-ThinItalic.ttf') format('truetype');
    font-weight: 100; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-ExtraLight.ttf') format('truetype');
    font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-Light.ttf') format('truetype');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-LightItalic.ttf') format('truetype');
    font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-Italic.ttf') format('truetype');
    font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-MediumItalic.ttf') format('truetype');
    font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-SemiBold.ttf') format('truetype');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-BoldItalic.ttf') format('truetype');
    font-weight: 700; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-ExtraBold.ttf') format('truetype');
    font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-Black.ttf') format('truetype');
    font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-BlackItalic.ttf') format('truetype');
    font-weight: 900; font-style: italic; font-display: swap;
}

/* ---------- Oswald (sin itálicas) ---------- */
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-ExtraLight.ttf') format('truetype');
    font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Light.ttf') format('truetype');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-SemiBold.ttf') format('truetype');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}