/** * Section Context — colores por sección (Ventilación / Enfriamiento). * * Los tokens se definen según la clase de sección en y se aplican * sobre dos zonas: * 1. El header global de Elementor (.campagnoni-header) — fondo, menú y logo. * 2. El hero de categoría (.header-encabezado-categoria) — fondo y títulos. */ /* ---- Tokens por sección ---------------------------------------------- */ body.seccion-ventilacion { --seccion-header-bg: var(--color-light-petrol); --seccion-header-text: var(--color-dark-petrol); } body.seccion-enfriamiento { --seccion-header-bg: var(--color-light-green); --seccion-header-text: var(--color-dark-green); } /* ---- Header global de Elementor -------------------------------------- */ /* Fondo del header */ .campagnoni-header { background-color: var(--seccion-header-bg) !important; } /* Texto del menú + logo SVG (fill="currentColor" hereda de `color`) */ .campagnoni-header, .campagnoni-header a, .campagnoni-header .elementor-item { color: var(--seccion-header-text) !important; } /* El SVG del logo hereda `color` vía fill="currentColor". Regla defensiva por si algún wrapper corta la herencia. */ .campagnoni-header .campagnoni-logo svg { color: var(--seccion-header-text) !important; } /* ---- Hero de categoría ----------------------------------------------- */ .header-encabezado-categoria { background-color: var(--seccion-header-bg) !important; } .header-encabezado-categoria, .header-encabezado-categoria .elementor-heading-title { color: var(--seccion-header-text) !important; }