/* Blow Up! — tema oscuro. Se activa con html[data-theme="dark"] (lo pone el toggle del header).
   Usa !important porque las plantillas son de estilos inline, y selectores por data-* porque el
   runtime re-serializa el atributo style (no se puede hacer match por substring). */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{background:#0B0B0D!important;color:#D3D0CC!important}
html[data-theme="dark"] [data-s="page"]{background:#0B0B0D!important}
html[data-theme="dark"] [data-s="alt"]{background:#0B0B0D!important}
html[data-theme="dark"] [data-s="card"]{background:#15151A!important;box-shadow:0 14px 34px rgba(0,0,0,.5)!important}
html[data-theme="dark"] [data-s="btn"]{background:#F4F3F1!important;color:#0B0B0D!important}
html[data-theme="dark"] [data-s="bar"]{background:rgba(11,11,13,.82)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important}
html[data-theme="dark"] [data-s="panel"]{background:rgba(11,11,13,.97)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 24px 60px rgba(0,0,0,.6)!important}
html[data-theme="dark"] [data-t="strong"]{color:#FFFFFF!important}
html[data-theme="dark"] [data-t="muted"]{color:#8A8681!important}
html[data-theme="dark"] [data-keep] [data-t="strong"],html[data-theme="dark"] [data-keep][data-t="strong"]{color:#0B0B0D!important}
html[data-theme="dark"] [data-keep] [data-t="muted"]{color:#4A4743!important}
/* superficies negras que necesitan separarse del fondo en oscuro */
html[data-theme="dark"] [data-s="deep"]{background:#1B1A19!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)!important}
/* Home: la tarjeta "Elige tu energía" flota en claro y se pega al footer solo en oscuro */
html[data-theme="dark"] [data-finale-sec]{padding-bottom:0!important}
html[data-theme="dark"] [data-finale-card]{border-radius:14px 14px 0 0!important}
html[data-theme="dark"] [data-keep] [data-s="btn"]{background:#0B0B0D!important;color:#FFFFFF!important}

html[data-theme="dark"] [data-rule]{background:rgba(255,255,255,.18)!important}

/* bordes claros, iconos de máscara y barras del hamburguesa */
html[data-theme="dark"] [data-border="light"]{border-color:rgba(255,255,255,.24)!important}
/* el filo del menú flotante, más apagado */
html[data-theme="dark"] [data-s="bar"][data-border="light"]{border-color:rgba(255,255,255,.09)!important}
html[data-theme="dark"] [data-keep] [data-border="light"]{border-color:rgba(11,11,13,.4)!important}
html[data-theme="dark"] [data-icon]{background:#FFFFFF!important}
html[data-theme="dark"] [data-keep] [data-icon]{background:#0B0B0D!important}
html[data-theme="dark"] [data-barline]{background:#FFFFFF!important}
html[data-theme="dark"] [data-s="page"] img[src*="blowup-only-black"],html[data-theme="dark"] header img[src*="blowup-only-black"]{filter:invert(1)!important}

/* hero: velos de papel -> velos negros, y foto de producto sobre fondo negro */
html[data-theme="dark"] [data-veil="side"]{background:linear-gradient(100deg,rgba(11,11,13,.94) 0%,rgba(11,11,13,.62) 24%,rgba(11,11,13,0) 46%)!important}
html[data-theme="dark"] [data-veil="bottom"]{background:linear-gradient(180deg,rgba(11,11,13,0),#0B0B0D 78%)!important}
html[data-theme="dark"] [data-hero-light]{display:none!important}
html[data-theme="dark"] [data-hero-dark]{display:block!important}
/* tarjeta principal de próximos sabores: sobre fondo oscuro el texto va en blanco */
html[data-theme="dark"] .bu-newsfeat [data-t="strong"]{color:#FFFFFF!important}
html[data-theme="dark"] .bu-newsfeat [data-t="muted"]{color:rgba(255,255,255,.74)!important}