/**
 * Mollen Fancyla - Fuente Personalizada
 * 
 * Definición segura de la fuente para Elementor y WordPress
 */

/* Definición de la fuente */
@font-face {
    font-family: 'Mollen Fancyla';
    src: url('../fonts/mollen-fancyla.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* Mejora el rendimiento */
}

/* Clases utilitarias para la fuente */
.font-mollen-fancyla {
    font-family: 'Mollen Fancyla', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.font-mollen-headings {
    font-family: 'Mollen Fancyla', 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Aplicación automática para Elementor (solo elementos sin fuente específica) */
.elementor-widget-heading .elementor-heading-title:not([style*="font-family"]),
.elementor-widget-text-editor .elementor-widget-container:not([style*="font-family"]),
.elementor-widget-button .elementor-button-text:not([style*="font-family"]) {
    font-family: 'Mollen Fancyla', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Para títulos específicamente */
.elementor-widget-heading h1:not([style*="font-family"]),
.elementor-widget-heading h2:not([style*="font-family"]),
.elementor-widget-heading h3:not([style*="font-family"]),
.elementor-widget-heading h4:not([style*="font-family"]),
.elementor-widget-heading h5:not([style*="font-family"]),
.elementor-widget-heading h6:not([style*="font-family"]) {
    font-family: 'Mollen Fancyla', 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Aplicar en el editor de Elementor */
.elementor-editor .elementor-widget-heading .elementor-heading-title:not([style*="font-family"]),
.elementor-editor .elementor-widget-text-editor .elementor-widget-container:not([style*="font-family"]) {
    font-family: 'Mollen Fancyla', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Optimizaciones de rendimiento */
.font-loading {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-loaded {
    font-family: 'Mollen Fancyla', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}