/* V2.85 — Referencia cromática única para palabras destacadas en títulos.
   La variable corporativa ya definida en la web es #3059AE. */
:root{--wb-heading-accent:#3059AE;--wb-heading-accent-on-dark:#a6d6ff}
/* Se aplican solo los acentos de titulares, no los enlaces, iconos ni botones. */
html body #app h1 em,html body #app h2 em,html body #app h3 em,
html body #app h1 i,html body #app h2 i,html body #app h3 i,
html body #app h1 .accent,html body #app h2 .accent,html body #app h3 .accent,
html body #app h1 .highlight,html body #app h2 .highlight,html body #app h3 .highlight{
 color:var(--wb-heading-accent)!important;
}
/* Banners con imagen y fondos oscuros: misma familia cromática, mayor contraste. */
html body #app > header.hero h1 em,
html body #app section.wb-four-highlights > .wb-nine-cover h2 em,
html body #app section.wb-v75-stories h2 em,
html body #app section.wb-discover:not(.wb-v283-explorer) h2 em,
html body #app .wb-v283-score-cta h2 em,
html body #app .wb-v283-score-cta h3 em{
 color:var(--wb-heading-accent-on-dark)!important;
}
/* La nueva portada de soluciones tiene fondo fotográfico oscuro. */
html body #app section.wb-four-highlights > .wb-nine-cover h2 em{
 color:var(--wb-heading-accent-on-dark)!important;
}
