/* Modo claro (el oscuro es el de css/styles.css). La portada .stage conserva su look oscuro de vitrina en ambos modos. */
:root{--pink:#f9a8d4;--ok-t:#7ee2a0;--err-t:#ff8fa3;--rose:#fda4af;--promo-line:#4a2a63}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f6f4fb;--surface:#ffffff;--surface-2:#efecf7;--line:#dcd7ea;
  --fg:#171326;--muted:#5f5a78;--accent:#7c3aed;--accent-soft:#ede7ff;
  --pink:#be185d;--ok-t:#15803d;--err-t:#be123c;--rose:#be123c;--promo-line:#e2c9ee;
}
.theme-btn{all:unset;box-sizing:border-box;cursor:pointer;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);font-size:18px;line-height:1;flex:none}
.theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:root[data-theme="light"] .skel,:root[data-theme="light"] .card .shot:empty{background-color:#ececf1}
:root[data-theme="light"] .top{box-shadow:0 1px 0 var(--line)}
:root[data-theme="light"] .stage ~ * .hero-note{color:var(--muted)}
@media (max-width:400px){.theme-btn{width:36px;height:36px;font-size:16px}}


/* Rediseño visual del escaparate inspirado en las referencias del propietario.
   Solo estilos: no cambia logo, loader, productos, precios ni lógica. */
:root{color-scheme:light;--bg:#f8f9ff;--surface:#fff;--surface-2:#f0edfa;--line:#e7e5f2;--fg:#10132c;--muted:#626481;--accent:#6427e8;--accent-soft:#eee7ff;--pink:#be185d;--promo-line:#e4d9fa}
body{background:var(--bg)}
.wrap{max-width:1280px}
.top{background:rgba(255,255,255,.96);box-shadow:0 4px 24px rgba(26,17,71,.06)}
.top .wrap{padding-block:15px}
.brand b{letter-spacing:.035em}
.nav a{border-radius:10px}
.nav a.hot{color:#6926e7}
.btn{border-radius:12px}
.btn-ghost{border-color:#cfc7e5}
.stage{border-radius:0 0 30px 30px;overflow:hidden;margin:0 auto;max-width:1440px;box-shadow:0 22px 52px rgba(27,13,67,.12)}
.stage .btn{border-radius:12px}
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:26px 0 24px}
.trust li{border-radius:14px;background:linear-gradient(145deg,#fff,#f1effb);border:1px solid #ece8f7;box-shadow:0 5px 16px rgba(43,28,99,.04);text-align:center}
.social{gap:14px}
.soc{background:#fff;box-shadow:0 8px 22px rgba(32,22,86,.05);border-color:#e9e5f3}
.sec-head h2,.promo h2,.trade h2{font-stretch:92%;text-transform:none;letter-spacing:-.035em}
.sec-head h2::after{content:"";display:block;width:48px;height:3px;background:#7131ee;margin-top:9px;border-radius:4px}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.card{background:#fff;border:1px solid #eeebf5;border-radius:18px;box-shadow:0 6px 24px rgba(35,25,95,.065);padding:12px;gap:10px}
.shot{background:linear-gradient(145deg,#faf9ff,#f1effb);border-radius:14px;aspect-ratio:1/1}
.card h3{font-size:21px}
.card .sub{color:#67668a}
.card .p,.pprice{color:#6227df}
.badge{background:#6829e9;color:#fff}
.promo{background:radial-gradient(ellipse at 85% 15%,rgba(149,89,255,.17),transparent 60%),linear-gradient(145deg,#fff,#f2efff);border-color:#e4d9fa;box-shadow:0 12px 30px rgba(35,25,95,.05)}
.pcard{background:#fff;border-color:#e9e4f3;box-shadow:0 6px 22px rgba(35,25,95,.06)}
.happy-preview,.trade,.ticket,.warranty-grid>div{background:#fff;box-shadow:0 7px 22px rgba(35,25,95,.045)}
@media(max-width:1080px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{border-radius:0 0 20px 20px}.trust{gap:8px}.trust li{font-size:12px;padding:10px 8px}.card{padding:10px}.card h3{font-size:18px}.shot{aspect-ratio:1/1}.social{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card .p{font-size:24px}.card .btn{font-size:12px;padding:8px 10px}.trust li{font-size:11px}}

/* El tema claro debe tener prioridad sobre el antiguo selector de modo claro. */
:root[data-theme="light"]{--bg:#f8f9ff;--surface:#fff;--surface-2:#f0edfa;--line:#e7e5f2;--fg:#10132c;--muted:#626481;--accent:#6427e8;--accent-soft:#eee7ff;--pink:#be185d;--promo-line:#e4d9fa}