/*
Theme Name: Hello Elementor Child – Mi Fábrica de Fiestas
Description: Tema hijo de Hello Elementor con Dream Avenue, Aerotis y Jost locales.
Author: InnovaApps Solutions
Template: hello-elementor
Version: 1.1.0
Text Domain: hello-elementor-child
*/

@font-face {
  font-family: 'Dream Avenue';
  src: url('fonts/dream-avenue.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aerotis';
  src: url('fonts/aerotis.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost';
  src: url('fonts/jost-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('fonts/jost-italic-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --fuente-titulos: 'Dream Avenue', Georgia, serif;
  --fuente-decorativa: 'Aerotis', cursive;
  --fuente-texto: 'Jost', Arial, sans-serif;
}

/* Títulos principales, también en widgets de encabezado de Elementor. */
h1, h2,
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title {
  font-family: var(--fuente-titulos);
  font-weight: 400;
  line-height: 1.15;
}
h1, .elementor-widget-heading h1.elementor-heading-title { font-size: clamp(2.8rem, 6vw, 6rem); }
h2, .elementor-widget-heading h2.elementor-heading-title { font-size: clamp(2rem, 4vw, 3.8rem); }

/* Agrega «texto-decorativo» en Elementor > Avanzado > Clases CSS. */
.texto-decorativo,
.texto-decorativo .elementor-heading-title {
  font-family: var(--fuente-decorativa);
  font-weight: 400;
  text-transform: none;
  line-height: 1.35;
}

/* Uso opcional para títulos y fragmentos específicos. */
.fuente-principal,
.fuente-principal .elementor-heading-title { font-family: var(--fuente-titulos); font-weight: 400; }
.fuente-decorativa,
.fuente-decorativa .elementor-heading-title { font-family: var(--fuente-decorativa); font-weight: 400; }

/* Textos de lectura, incluyendo los widgets de texto de Elementor. */
body,
p, li, blockquote, figcaption,
input, textarea, select, button,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-button,
.elementor-nav-menu a {
  font-family: var(--fuente-texto);
}

p, .elementor-widget-text-editor p {
  font-weight: 400;
  line-height: 1.7;
}

/* Encabezados H3–H6: Jost, salvo que Elementor tenga una tipografía específica. */
h3, h4, h5, h6,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h5.elementor-heading-title,
.elementor-widget-heading h6.elementor-heading-title {
  font-family: var(--fuente-texto);
  font-weight: 500;
}

/* Clase opcional para aplicar Jost a cualquier widget. */
.fuente-texto,
.fuente-texto .elementor-heading-title,
.fuente-texto p { font-family: var(--fuente-texto); }