/* ═══════════════════════════════════════════════════════════════════════════
   PRESENTACIONES Y LANDINGS (app8) · TEMA CLARO — LOS AJUSTES A MANO (2026-09-29)
   ───────────────────────────────────────────────────────────────────────────
   `app8-tema-claro.css` lo escribe 5 herramientas/generar-tema-claro.py y se pierde en cada
   corrida; esto se edita a mano y se carga después. El generador ya deja fuera todo lo que va
   sobre la foto (`:not([data-pz-foto])`): acá queda sólo lo que de verdad cambia.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · SOBRE LA FOTO NO CAMBIA NADA ────────────────────────────────────────
   La letra heredada, la del oscuro: va en el contenedor y no en sus hijos, que ya traen la suya
   (ver reference-tema-sobre-foto: una regla directa en los hijos le gana a la herencia y
   aplastaba los blancos de los botones). */
html[data-tema="claro"] :where(header.cab-marca, .a8-portada, .deck-card-thumb){ color:#EADFCE; }

/* ── 2 · LA BARRA SÓLIDA, EN TEAL ────────────────────────────────────────────
   Cuando la foto se va, la barra es del teal de CIMA y ARIA (#046477: el blanco encima da
   6,79:1). Sus círculos y la pastilla no cambian: son los del oscuro. */
html[data-tema="claro"] header.cab-marca:not(.cab-sobre-foto){
  background-color:#046477 !important;
  border-bottom-color:rgba(234,223,206,.16) !important;
}