/**
 * MEJORA VISUAL — fondos hero por sección
 * Última capa: rutas explícitas ../icons/ (css/) + background shorthand.
 * Fuente de verdad alineada a styles.css ~40475; perfil Carne = carne-hero-*.png por sección (piel-carne-heroes.css + bloque Carne abajo).
 *
 * Scrim = velo/humo slate encima de la foto (no es sombra del bloque). Tokens abajo — subir alpha = más oscuro.
 */
html body .mejora-visual {
  --mv-hero-scrim-leche: linear-gradient(
    118deg,
    rgba(15, 23, 42, 0.5) 0%,
    rgba(30, 41, 59, 0.26) 48%,
    rgba(15, 23, 42, 0.42) 100%
  );
  --mv-hero-scrim-carne: linear-gradient(
    118deg,
    rgba(41, 37, 36, 0.55) 0%,
    rgba(30, 41, 59, 0.28) 48%,
    rgba(28, 25, 23, 0.5) 100%
  );
}

/* ── 1) --hero-img por sección (ruta resoluble desde public/css/) ── */
html body #pg-ani.animales-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba2.png?v=20260418ensayoAniHeroImg");
}
html body #pg-lec.leche-serio-v1.mejora-visual {
  --hero-img: url("../icons/mv-hero-leche.jpg?v=20260708mvHero1");
}
html body #pg-pesaje.pesaje-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba4.png?v=20260418ensayoPesHeroImg");
}
html body #pg-nac.partos-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba5.png?v=20260418ensayoNacHeroImg");
}
html body #pg-pot.potreros-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba6.png?v=20260419potHeroImg");
}
html body #pg-desc.descartes-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba7.png?v=20260421descHeroImg");
}
html body #pg-vac.vacunas-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba9.png?v=20260421vacHeroImg");
}
html body #pg-ins.insumos-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba10.png?v=20260421insHeroImg");
}
html body #pg-cal.eventos-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba11.png?v=20260421calHeroImg");
}
html body #pg-ia.asistente-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba12.png?v=20260421iaHeroImg");
}
html body #pg-rent.finanzas-serio-v1.mejora-visual {
  --hero-img: url("../icons/prueba13.png?v=20260421finHeroImg");
}
html body #pg-tools.tools-pg-serio.mejora-visual {
  --hero-img: url("../icons/prueba15.png?v=20260421toolsHeroImg");
}
html body #pg-carne.carne-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-brahman.png?v=20260521cCarneHero");
}
html body #pg-exec.exec-serio-v1.mejora-visual {
  --hero-img: url("../icons/exec-hero-centro.jpg?v=20260709execHero1");
}

/* Perfil Carne — una imagen distinta por sección (gana a defaults Leche arriba) */
html body[data-perfil='carne'] #pg-ani.animales-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-ani.animales-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-ani.animales-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-ani.animales-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-animales.png?v=20260520cAni");
}
html body[data-perfil='carne'] #pg-nac.partos-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-nac.partos-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-nac.partos-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-nac.partos-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-partos.png?v=20260520cNac");
}
html body[data-perfil='carne'] #pg-pot.potreros-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-pot.potreros-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-pot.potreros-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-pot.potreros-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-potreros.png?v=20260520cPot");
}
html body[data-perfil='carne'] #pg-desc.descartes-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-desc.descartes-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-desc.descartes-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-desc.descartes-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-descartes.png?v=20260520cDesc");
}
html body[data-perfil='carne'] #pg-vac.vacunas-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-vac.vacunas-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-vac.vacunas-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-vac.vacunas-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-vacunas.png?v=20260520cVac");
}
html body[data-perfil='carne'] #pg-ins.insumos-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-ins.insumos-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-ins.insumos-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-ins.insumos-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-insumos.png?v=20260520cIns");
}
html body[data-perfil='carne'] #pg-cal.eventos-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-cal.eventos-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-cal.eventos-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-cal.eventos-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-eventos.png?v=20260520cCal");
}
html body[data-perfil='carne'] #pg-ia.asistente-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-ia.asistente-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-ia.asistente-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-ia.asistente-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-asistente.png?v=20260520cIa");
}
html body[data-perfil='carne'] #pg-rent.finanzas-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-rent.finanzas-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-rent.finanzas-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-rent.finanzas-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-finanzas.jpg?v=20260710finHeroHd1");
}
html body[data-perfil='carne'] #pg-tools.tools-pg-serio.mejora-visual,
html body.manto-perfil-carne #pg-tools.tools-pg-serio.mejora-visual,
html body.manto-piel-carne #pg-tools.tools-pg-serio.mejora-visual,
html body.manto-demo-vitrina-carne #pg-tools.tools-pg-serio.mejora-visual {
  --hero-img: url("../icons/carne-hero-tools.png?v=20260520cTools");
}
html body[data-perfil='carne'] #pg-carne.carne-serio-v1.mejora-visual,
html body.manto-perfil-carne #pg-carne.carne-serio-v1.mejora-visual,
html body.manto-piel-carne #pg-carne.carne-serio-v1.mejora-visual,
html body.manto-demo-vitrina-carne #pg-carne.carne-serio-v1.mejora-visual {
  --hero-img: url("../icons/carne-hero-brahman.png?v=20260521cCarneHero");
}

/* ── 2) Aplicar imagen + scrim MEJORA (gana a *-mejora-visual.css) ── */
html body :is(
  #pg-ani.animales-serio-v1.mejora-visual .ani-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-ani#pg-ani.animales-serio-v1.mejora-visual .ani-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-lec.leche-serio-v1.mejora-visual .lec-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-pesaje.pesaje-serio-v1.mejora-visual .pes-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-pesaje.pesaje-serio-v1.pes-pebble-vida-20260418.mejora-visual .pes-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-nac.partos-serio-v1.mejora-visual .partos-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-pot.potreros-serio-v1.mejora-visual .pot-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-pot.potreros-serio-v1.pot-pebble-vida-20260418.mejora-visual .pot-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-desc.descartes-serio-v1.mejora-visual .desc-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-desc.descartes-serio-v1.desc-pebble-vida-20260418.mejora-visual .desc-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-vac.vacunas-serio-v1.mejora-visual .vac-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-vac.vacunas-serio-v1.vac-pebble-vida-20260418.mejora-visual .vac-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-ins.insumos-serio-v1.mejora-visual .ins-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-ins.insumos-serio-v1.ins-pebble-vida-20260418.mejora-visual .ins-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-cal.eventos-serio-v1.mejora-visual .cal-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-ia.asistente-serio-v1.mejora-visual .ia-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-rent.finanzas-serio-v1.mejora-visual .fin-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-tools.tools-pg-serio.mejora-visual .tools-pg-panel--hero .dash-serio-hero.dash-serio-hero--title-strip
),
html body.light :is(
  #pg-ani.animales-serio-v1.mejora-visual .ani-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-ani#pg-ani.animales-serio-v1.mejora-visual .ani-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-lec.leche-serio-v1.mejora-visual .lec-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-pesaje.pesaje-serio-v1.mejora-visual .pes-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-pesaje.pesaje-serio-v1.pes-pebble-vida-20260418.mejora-visual .pes-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-nac.partos-serio-v1.mejora-visual .partos-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-pot.potreros-serio-v1.mejora-visual .pot-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-pot.potreros-serio-v1.pot-pebble-vida-20260418.mejora-visual .pot-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-desc.descartes-serio-v1.mejora-visual .desc-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-desc.descartes-serio-v1.desc-pebble-vida-20260418.mejora-visual .desc-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-vac.vacunas-serio-v1.mejora-visual .vac-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-vac.vacunas-serio-v1.vac-pebble-vida-20260418.mejora-visual .vac-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-ins.insumos-serio-v1.mejora-visual .ins-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-ins.insumos-serio-v1.ins-pebble-vida-20260418.mejora-visual .ins-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-cal.eventos-serio-v1.mejora-visual .cal-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-ia.asistente-serio-v1.mejora-visual .ia-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-rent.finanzas-serio-v1.mejora-visual .fin-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
  #pg-tools.tools-pg-serio.mejora-visual .tools-pg-panel--hero .dash-serio-hero.dash-serio-hero--title-strip
) {
  background:
    var(--mv-hero-scrim-leche),
    var(--hero-img) center 42% / cover no-repeat !important;
  background-size: auto, cover !important;
  background-position: center, center 42% !important;
  background-repeat: no-repeat, no-repeat !important;
}

/* Carne — scrim cálido (misma piel que carne-mejora-visual.css) */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
html body.light #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip {
  background:
    var(--mv-hero-scrim-carne),
    var(--hero-img) center 42% / cover no-repeat !important;
  background-size: auto, cover !important;
  background-position: center, center 42% !important;
  background-repeat: no-repeat, no-repeat !important;
}