/* Tema blanco elegante. Para volver al estilo oscuro: quitar este archivo del index.html */
:root,:root[data-x]{--bg:#FFFFFF;--surface:#FFFFFF;--ink:#1D1D1F;--muted:#6E6E73;--line:#E5E5EA;--accent:#0071E3;--accent-ink:#FFFFFF;--link:#0066CC;--money:#1D7A4B;--warn:#B4441F;--tint:#F5F5F7;--gift:#A84B14;--night-ink:#1D1D1F;--night-muted:#6E6E73;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#FFFFFF;--surface:#FFFFFF;--ink:#1D1D1F;--muted:#6E6E73;--line:#E5E5EA;--accent:#0071E3;--link:#0066CC;--money:#1D7A4B;--warn:#B4441F;--tint:#F5F5F7;--gift:#A84B14;color-scheme:light}.gbox{--box1:#FFFFFF;--box2:#E8E8ED;--boxl:#C7C7CC}}
body{background:#fff}
/* Barra */
.nav-in{background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.07);box-shadow:0 8px 28px -14px rgba(0,0,0,.18);color:#1D1D1F}
.nav .brand{color:#1D1D1F}
.nav .btn.nav-ghost{background:#F5F5F7;color:#1D1D1F}
.nav .btn.nav-cta{background:#F5F5F7;color:#1D1D1F}
/* Portada */
.hero2{background:#fff!important;color:#1D1D1F}
.hero2::after{background:linear-gradient(transparent,#fff)}
.hero2 .tag{color:#1D1D1F;background:#F5F5F7;border:1px solid #E5E5EA}
.hero2 .note{color:#6E6E73}
.hero2 .more{color:#0066CC}
.shot .halo{opacity:.35}
.shot .refl{opacity:.1}
.glow{opacity:.25}
.floor{opacity:.25}
.sw[aria-pressed="true"]{outline-color:#1D1D1F}
.color-name{color:#6E6E73}
/* Tarjeta de permuta */
.tile.dark{background:#F5F5F7;color:#1D1D1F;border:1px solid #E5E5EA}
.tile.dark p{color:#6E6E73}
.tile.dark .more{color:#0066CC}
.tile.dark .eyebrow{color:#6E6E73!important}
.swap-art figcaption{color:#6E6E73}
.swap-art .old svg,.swap-art .old img{filter:drop-shadow(0 14px 14px rgba(0,0,0,.18))}
.swap-art .new svg,.swap-art .new img{filter:drop-shadow(0 18px 18px rgba(0,0,0,.2))}
.nov-tabs{background:#F5F5F7;border:1px solid #E5E5EA}
.nov-tabs button{color:#6E6E73}
.nov-tabs button[aria-selected="true"]{background:#fff;color:#1D1D1F;box-shadow:0 1px 6px rgba(0,0,0,.12)}