/**
 * Fuentes locales optimizadas para Serendipia
 * Usando Variable Fonts para mejor rendimiento
 * 
 * Performance benefits:
 * - Elimina dependencia de Google Fonts CDN
 * - Reduce critical path latency
 * - Variable fonts: 1 archivo reemplaza múltiples pesos
 * - Mejor control de caché
 */

/* ============================================================================
   Roboto Slab - Variable Font (FUENTE PRINCIPAL)
   ============================================================================
   Soporta pesos de 100-900 en un solo archivo
   Usado en: headings, body text, párrafos
   ============================================================================ */

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('Roboto_Slab/RobotoSlab-VariableFont_wght.woff2') format('woff2-variations'),
         url('Roboto_Slab/RobotoSlab-VariableFont_wght.ttf') format('truetype-variations');
}

/* ============================================================================
   Titillium Web - Pesos estáticos
   ============================================================================
   Reutilizando las fuentes ya optimizadas
   Usado en: footer, elementos específicos
   ============================================================================ */

/* Titillium Web - 300 */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('titillium-web-v8-latin-ext_latin-300.woff2') format('woff2'),
         url('titillium-web-v8-latin-ext_latin-300.woff') format('woff'),
         url('titillium-web-v8-latin-ext_latin-300.ttf') format('truetype');
}

/* Titillium Web - 300 italic */
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('titillium-web-v8-latin-ext_latin-300italic.woff2') format('woff2'),
         url('titillium-web-v8-latin-ext_latin-300italic.woff') format('woff'),
         url('titillium-web-v8-latin-ext_latin-300italic.ttf') format('truetype');
}

/* Titillium Web - 400 (regular) */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('titillium-web-v8-latin-ext_latin-regular.woff2') format('woff2'),
         url('titillium-web-v8-latin-ext_latin-regular.woff') format('woff'),
         url('titillium-web-v8-latin-ext_latin-regular.ttf') format('truetype');
}

/* Titillium Web - 400 italic */
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('titillium-web-v8-latin-ext_latin-italic.woff2') format('woff2'),
         url('titillium-web-v8-latin-ext_latin-italic.woff') format('woff'),
         url('titillium-web-v8-latin-ext_latin-italic.ttf') format('truetype');
}

/* Titillium Web - 600 */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('titillium-web-v8-latin-ext_latin-600.woff2') format('woff2'),
         url('titillium-web-v8-latin-ext_latin-600.woff') format('woff'),
         url('titillium-web-v8-latin-ext_latin-600.ttf') format('truetype');
}

/* Titillium Web - 600 italic */
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('titillium-web-v8-latin-ext_latin-600italic.woff2') format('woff2'),
         url('titillium-web-v8-latin-ext_latin-600italic.woff') format('woff'),
         url('titillium-web-v8-latin-ext_latin-600italic.ttf') format('truetype');
}

/* Titillium Web - 700 */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('titillium-web-v8-latin-ext_latin-700.woff2') format('woff2'),
         url('titillium-web-v8-latin-ext_latin-700.woff') format('woff'),
         url('titillium-web-v8-latin-ext_latin-700.ttf') format('truetype');
}

/* Titillium Web - 700 italic */
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('titillium-web-v8-latin-ext_latin-700italic.woff2') format('woff2'),
         url('titillium-web-v8-latin-ext_latin-700italic.woff') format('woff'),
         url('titillium-web-v8-latin-ext_latin-700italic.ttf') format('truetype');
}

/* ============================================================================
   Open Sans - Variable Font (OPCIONAL)
   ============================================================================
   Descomentarizar si se necesita Open Sans en el sitio
   Soporta pesos de 300-800 y ancho variable
   ============================================================================ */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-display: swap;
    src: url('Open_Sans/OpenSans-VariableFont_wdth,wght.woff2') format('woff2-variations'),
         url('Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-display: swap;
    src: url('Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.woff2') format('woff2-variations'),
         url('Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
}