/* Selector de tema público. No altera medidas ni espacios del header. */
.bar-actions{display:flex;align-items:center;gap:10px}
.bar-logo .n{white-space:nowrap}
.theme-switch{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;padding:0;background:transparent;color:var(--navy);border:1px solid var(--hair-strong);cursor:pointer;transition:color .18s,border-color .18s,background .18s}
.theme-switch:hover{border-color:var(--gold);color:var(--gold-deep)}
.theme-switch svg{grid-area:1/1;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .18s,transform .18s}
.theme-icon-moon{opacity:0;transform:scale(.65) rotate(-20deg)}
[data-theme="dark"] .theme-icon-sun{opacity:0;transform:scale(.65) rotate(20deg)}
[data-theme="dark"] .theme-icon-moon{opacity:1;transform:none}
.mm-theme{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:14px 16px;background:transparent;color:var(--on-navy);border:1px solid var(--hair-on-navy-strong);font:800 .72rem/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}

[data-theme="dark"]{
  --paper:#0d1728;
  --paper-warm:#091321;
  --paper-deep:#06101d;
  --white:#101c30;
  --ink:#f0f4fb;
  --ink-soft:rgba(240,244,251,.78);
  --ink-mute:rgba(240,244,251,.55);
  --hair:rgba(255,255,255,.11);
  --hair-strong:rgba(255,255,255,.23);
  --gold-deep:#D4B76A;
  --page-top:#0d1728;
  --surface-card:#111e33;
  --surface-modal:#111e33;
  --surface-soft:rgba(255,255,255,.045);
  --surface-glass:rgba(7,16,31,.91);
  --text-strong:#F2F5FC;
  --graphic-strong:#DCE5F5;
  --map-line:rgba(228,203,127,.20);
  --map-strong:#E4CB7F;
  --radar-ring:rgba(228,203,127,.42);
  --radar-spoke:rgba(220,229,245,.16);
  --radar-tick:rgba(228,203,127,.48);
  --radar-range:rgba(220,229,245,.58);
  --radar-label:#E8EEF9;
  --radar-ping-stroke:#FFFFFF;
  color-scheme:dark;
}
[data-theme="dark"] body{color:var(--ink);background:linear-gradient(180deg,#0d1728 0%,#091321 55%,#06101d 100%)}
[data-theme="dark"] body::before{background-image:linear-gradient(to right,transparent 0,transparent 55px,rgba(255,255,255,.025) 55px,rgba(255,255,255,.025) 56px)}
[data-theme="dark"] .bar{border-bottom-color:var(--hair)}
[data-theme="dark"] .bar-logo svg,[data-theme="dark"] .bar-logo .n{color:var(--ink)}
[data-theme="dark"] .bar-burger span{background:var(--ink)}
[data-theme="dark"] .theme-switch{color:var(--gold);border-color:var(--hair-strong)}

/* Los logos subidos son mayoritariamente negros o multicolor. Las tarjetas de
   marca se mantienen claras para respetar el arte original sin filtros. */
[data-theme="dark"] .sponsor-card{background:#FDFCF9;--text-strong:#0A1A3E;--ink-mute:rgba(10,26,62,.52);--hair:rgba(10,26,62,.12);--hair-strong:rgba(10,26,62,.25);box-shadow:0 14px 38px rgba(0,0,0,.24)}
.sponsor-card .num,.sponsor-card .u{color:rgba(10,26,62,.70)}

[data-theme="dark"] .bg-mark{color:var(--gold);opacity:.03}
[data-theme="dark"] .an-echo,[data-theme="dark"] .soc-echo{-webkit-text-stroke-color:rgba(255,255,255,.08)}
[data-theme="dark"] .btn-o:hover{color:var(--gold);border-color:var(--gold)}
[data-theme="dark"] .soc-flash.err{color:#FFAAA4;border-color:#D76F68;background:rgba(215,111,104,.12)}
[data-theme="dark"] .soc-plan .plan-body em{color:#FFAAA4}
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] textarea,[data-theme="dark"] select{color:var(--ink)}

@media(max-width:640px){.bar-actions{gap:7px}.theme-switch{width:34px;height:34px;flex-basis:34px}.bar-cta{padding-left:14px;padding-right:14px}}
@media(max-width:360px){.bar-logo .n{display:none}}
@media(prefers-reduced-motion:reduce){.theme-switch svg{transition:none}}

/* ===== Sello IA y banda «Recomendado» en tema oscuro ===== */
[data-theme="dark"] .foot .ia-seal{opacity:.9}
[data-theme="dark"] .soc-plan.is-top{border-color:rgba(228,203,127,.5)}
[data-theme="dark"] .plan-sash i{
  background:linear-gradient(135deg,#F0DA9A 0%,#E4CB7F 45%,#C9A85C 100%);
  color:#08111F;box-shadow:0 6px 18px rgba(0,0,0,.5)}

[data-theme="dark"] .ia-tag{color:var(--ink-mute)}