/* HOLD Cóndor 3.2 — estilo tipo Apple: blanco, mucho aire, naranja pastel PROVISORIO.
   Los valores (--acento, --acento-suave, --fondo, --texto, --ok, --r, --font) salen de assets/tema.css (Admin → Tema). Sin estilos inline en JS. */
@view-transition{navigation:auto}
.v32{--bg:var(--fondo,#fff);--surface:#fff;--text:var(--texto,#1d1d1f);--muted:#6e6e73;--line:#ececf0;--soft:var(--acento-suave,var(--pal-calido-suave,#FFF4EA));--violeta:var(--pal-calido-tinta,#9A4A12);--lavanda:var(--acento,var(--pal-calido,#F4A261));
  --grafito:var(--texto,#1d1d1f);--focus:var(--pal-calido-tinta,#C2611C);--accent:var(--pal-tinta,#1D1D1F);letter-spacing:-.003em}
.v32 body,body.v32{background:var(--bg)}
body.v32 a{color:var(--pal-calido-tinta,#9A4A12)}
body.v32 .topbar{background:color-mix(in srgb,#fff 82%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line);gap:12px}
body.v32 .brand{font-weight:700;letter-spacing:-.02em}
body.v32 .logo{background:var(--acento);color:var(--pal-tinta,#1D1D1F);border-radius:9px}
body.v32 .topnav a{font-weight:500;color:var(--text)}body.v32 .topnav a.on{background:var(--soft);box-shadow:inset 0 -2px 0 var(--acento)}
body.v32 .badge.test{background:var(--soft);color:var(--pal-calido-tinta,#7A3A0B);border:1px solid color-mix(in srgb,var(--acento) 45%,#fff)}
body.v32 .card{border-radius:var(--r);border:1px solid var(--line);box-shadow:0 1px 2px #13324A0a,0 8px 24px #13324A0a}
body.v32 button,body.v32 .btn{background:var(--pal-tinta,#1D1D1F);color:#fff;border-radius:980px;border:0;padding:11px 20px;font-weight:600;transition:transform .15s ease,background .2s}
body.v32 button:hover,body.v32 .btn:hover{background:var(--pal-tinta,#1D1D1F)}body.v32 button:active,body.v32 .btn:active{transform:scale(.97)}
body.v32 button.ghost,body.v32 .btn.ghost{background:var(--soft);color:var(--pal-tinta,#1D1D1F);border:1px solid color-mix(in srgb,var(--acento) 40%,#fff)}
body.v32 .linkbtn{background:none;color:var(--text);padding:10px 12px;width:100%;text-align:left;border-radius:10px;font-weight:500}body.v32 .linkbtn:hover{background:var(--soft)}
body.v32 input,body.v32 select,body.v32 textarea{border:1px solid #d2d2d7;border-radius:12px}
body.v32 input:focus,body.v32 select:focus,body.v32 textarea:focus{border-color:var(--acento);outline:3px solid color-mix(in srgb,var(--acento) 35%,transparent)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{display:block;font-size:13px;font-weight:600;color:var(--pal-calido-tinta,#9A4A12);text-transform:uppercase;letter-spacing:.06em}
/* Buscador con sugerencias */
.topsearch{position:relative;flex:1;max-width:460px;margin:0 8px}.topsearch input{min-height:40px;margin:0;border-radius:980px;background:#f5f5f7;border:1px solid transparent;padding:8px 16px}
.suggest{position:absolute;left:0;right:0;top:46px;background:#fff;border-radius:14px;box-shadow:0 12px 40px #13324A2a;overflow:hidden;z-index:40}
.suggest:empty{display:none}.suggest a{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;color:var(--text);text-decoration:none}.suggest a:hover,.suggest a.sel{background:var(--soft)}.sug-empty{padding:10px 14px}
@media (max-width:720px){.topsearch{display:none}}
/* Menú de la foto de perfil */
.me-menu{position:relative}.me-menu>summary{list-style:none;cursor:pointer}.me-menu>summary::-webkit-details-marker{display:none}
.dropdown{position:absolute;right:0;top:52px;width:260px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #13324A26;padding:8px;z-index:50;animation:pop .16s ease-out}
.dropdown a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none}.dropdown a:hover{background:var(--soft)}
.dd-head{display:flex;flex-direction:column;padding:8px 12px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
/* Hero e inicio */
.hero32{position:relative;border-radius:calc(var(--r) + 8px);overflow:hidden;margin-bottom:18px;background:var(--soft);min-height:300px;display:grid}
.hero-img{grid-area:1/1;width:100%;height:100%;object-fit:cover}.hero-txt{grid-area:1/1;align-self:center;padding:32px;max-width:560px;position:relative}
.hero-txt h2{font-size:clamp(28px,4.4vw,46px);line-height:1.08;letter-spacing:-.03em;margin:6px 0 10px}.hero-txt p{color:#3a3a3c;font-size:17px}
.pay-strip{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fff,var(--soft))}
.pay-strip .saldo{display:flex;flex-direction:column}.pay-strip .money{font-size:30px;letter-spacing:-.02em}
.quick{display:flex;gap:8px;flex-wrap:wrap}.quick a{padding:9px 14px;border-radius:980px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--text);font-weight:500}
.shelf{margin:22px 0}.shelf h2{font-size:22px;letter-spacing:-.02em}
.soon{opacity:.7;cursor:not-allowed}
/* Tarjetas de producto */
body.v32 .pgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.pcard{position:relative;background:#fff;border-radius:var(--r);border:1px solid var(--line);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.pcard:hover{transform:translateY(-3px);box-shadow:0 14px 34px #13324A1a}.pcard-link{color:inherit;text-decoration:none;display:block}
.pcard .ph{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#f5f5f7}.pcard .pbody{padding:10px 12px 14px}
.pcard .ptitle{font-weight:500;line-height:1.3;min-height:2.6em;overflow:hidden}.pcard .price{font-size:19px;font-weight:600;margin-top:4px}
.flash-tag{color:var(--pal-calido-tinta,#B04A00);font-weight:600}
.favform{position:absolute;top:8px;right:8px}.fav{width:38px;height:38px;padding:0!important;border-radius:50%!important;background:#ffffffe6!important;color:#c7c7cc!important;font-size:18px;box-shadow:0 2px 8px #13324A1f}
.fav.on{color:#e0533d!important}.fav.pulse{animation:heart .35s ease}@keyframes heart{50%{transform:scale(1.3)}}
.stars{color:var(--pal-calido,#E69A3D);letter-spacing:1px}
/* Pago validado: tilde animado (solo con confirmación del servidor) */
.pago-ok{text-align:center;padding:28px 18px;border-radius:calc(var(--r) + 6px);background:color-mix(in srgb,var(--ok) 9%,#fff);border:1px solid color-mix(in srgb,var(--ok) 30%,#fff)}
.pago-ok h2{color:var(--ok);font-size:26px;margin:10px 0 4px}
.check{width:88px;height:88px;display:block;margin:0 auto}.check circle{fill:none;stroke:var(--ok);stroke-width:4;stroke-dasharray:252;stroke-dashoffset:252;animation:draw .6s ease-out forwards}
.check path{fill:none;stroke:var(--ok);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .35s .5s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
/* Más: volver/cerrar */
.sheet-bar{display:flex;justify-content:space-between;margin-bottom:12px;position:sticky;top:64px;z-index:5}
/* QR */
.scanbox{position:relative;margin:10px 0}.camvideo{width:100%;max-height:60vh;border-radius:16px;background:var(--pal-tinta,#1D1D1F);object-fit:cover}.filebtn{cursor:pointer;display:inline-flex;align-items:center}
/* Admin 3.2 */
.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.kpi{padding:16px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}.kpi b{display:block;font-size:24px;letter-spacing:-.02em}
.swatch{display:inline-block;width:18px;height:18px;border-radius:5px;border:1px solid #13324A22;vertical-align:middle}
.tabs32{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tabs32 a{padding:8px 14px;border-radius:980px;background:#f5f5f7;color:var(--text);text-decoration:none}.tabs32 a.on{background:var(--pal-tinta,#1D1D1F);color:#fff}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--pal-tinta,#1D1D1F);color:#fff;padding:10px 18px;border-radius:980px;z-index:99;animation:pop .2s ease-out}
.bell.ring{animation:ring .6s ease}@keyframes ring{20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}
.skel{background:linear-gradient(90deg,#f2f2f4,#fafafa,#f2f2f4);background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}
@media (prefers-color-scheme:dark){html[data-mode=auto] body.v32{--surface:var(--pal-osc-sup,#1C1C1E);--text:#f5f5f7;--line:#2c2c2e;--muted:#a1a1a6}html[data-mode=auto] body.v32 .card,html[data-mode=auto] body.v32 .pcard,html[data-mode=auto] .dropdown{background:var(--pal-osc-sup,#1C1C1E)}}
/* Movimiento reducido: sin animaciones ni transiciones */
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.check circle,.check path{stroke-dashoffset:0}}
/* Cóndor Pay (maquetas W premium) */
.pay32{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px}@media (min-width:860px){.pay32{grid-template-columns:420px 1fr}}
.ccard{position:relative;overflow:hidden;border-radius:22px;padding:22px;color:#fff;min-height:220px;background:linear-gradient(135deg,var(--pal-calido,#FFB37A),var(--pal-calido,#F28B46) 55%,var(--pal-calido,#E2683A));box-shadow:0 18px 40px #f28b4655}
.ccard::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:#ffffff2a}
.cc-top{display:flex;justify-content:space-between;position:relative;z-index:1}.cc-top b{font-size:20px}.cc-pill{font-size:12px;background:#ffffff40;padding:4px 10px;border-radius:99px}
.chipm{width:44px;height:32px;border-radius:7px;background:linear-gradient(135deg,var(--pal-calido-suave,#FFE2B8),var(--pal-calido,#D9A663));margin:18px 0 12px}.cc-label{font-size:13px;opacity:.9}.cc-amount{font-size:34px;font-weight:700;letter-spacing:-.02em}
.cc-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;opacity:.95;letter-spacing:.06em}
.gauge{display:flex;gap:20px;align-items:center}.ring{width:140px;height:140px;flex:none}.ring-bg{fill:none;stroke:var(--pal-calido-suave,#F1ECE7);stroke-width:12}.ring-fg{fill:none;stroke:url(#gpay);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .8s ease}
.ring-t{font-size:18px;font-weight:700;fill:currentColor}.ring-s{font-size:9px;fill:#888}.big{display:block;font-size:30px;font-weight:700;letter-spacing:-.02em}
.stats32{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}.stats32 .kpi b{font-size:20px}
.sim input[type=range]{accent-color:var(--acento);min-height:auto;padding:0;border:0;margin:12px 0 4px}
.cuotas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}@media (max-width:520px){.cuotas{grid-template-columns:1fr 1fr}}
.cuota{display:flex!important;flex-direction:column;gap:2px;align-items:center;background:#fff!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:12px!important;font-weight:500!important}
.cuota b{font-size:16px}.cuota.on{border:2px solid var(--acento)!important;background:var(--soft)!important}
/* Bloques opcionales por tema en el inicio */
.editorial{display:grid;gap:16px;grid-template-columns:1fr;margin:24px 0}@media (min-width:860px){.editorial{grid-template-columns:1.4fr 1fr}}
.editorial .ed-big{position:relative;min-height:340px;border-radius:var(--r);overflow:hidden}.editorial .ed-big img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.editorial .ed-cap{position:absolute;left:20px;bottom:20px;background:#fff;padding:14px 18px;font-size:22px;color:var(--pal-tinta,#1D1D1F);text-decoration:none}
.promo-credito{display:grid;gap:18px;align-items:center;grid-template-columns:1fr;margin:24px 0}@media (min-width:860px){.promo-credito{grid-template-columns:420px 1fr}}
.preview-bar{position:sticky;top:0;z-index:60;background:var(--pal-tinta,#1D1D1F);color:#fff;padding:8px 14px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.preview-bar a{color:var(--pal-calido-suave,#FFD8B5)}
.temas{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tema-op{border:2px solid var(--line);border-radius:16px;padding:14px}.tema-op.on{border-color:var(--acento)}
/* Pago con toque */
.narrow{max-width:560px;margin-left:auto;margin-right:auto}.center{text-align:center}.amount-xl{font-size:2.2rem;font-weight:800;margin:.2em 0}.big{font-size:1.2rem;font-weight:700;margin:.2em 0}
.code-xl{font-size:1.8rem;letter-spacing:.12em;font-weight:700}.mono{font-family:ui-monospace,Consolas,monospace}.qrbox{display:flex;justify-content:center;margin:12px 0}.qrbox svg{width:min(260px,70vw);height:auto}
.toque-cobro.apagado .qrbox,.toque-cobro.pagado .qrbox,.toque-cobro.pagado #toque-corto{opacity:.15;filter:grayscale(1)}form.inline{display:inline}
.envio32{margin-top:14px}.grow{flex:1}
.ship32{margin:10px 0;padding:10px 12px;border:1px solid var(--line,#e5e5ea);border-radius:14px}.steps32{display:flex;gap:6px;list-style:none;padding:0;margin:6px 0 0;flex-wrap:wrap}
.steps32 li{flex:1;min-width:80px;text-align:center;font-size:.8rem;padding:6px 4px;border-radius:999px;background:#f2f2f7;color:#6e6e73}.steps32 li.on{background:var(--acento,var(--pal-calido,#F39C5A));color:var(--pal-tinta,#111111);font-weight:700}
.bars32{display:flex;align-items:flex-end;gap:3px;height:140px;padding:6px 0}.bar32{flex:1;min-width:4px;background:var(--acento,var(--pal-calido,#F39C5A));border-radius:4px 4px 0 0}
.bar32.h0{height:2%}.bar32.h5{height:5%}.bar32.h10{height:10%}.bar32.h15{height:15%}.bar32.h20{height:20%}.bar32.h25{height:25%}.bar32.h30{height:30%}.bar32.h35{height:35%}.bar32.h40{height:40%}.bar32.h45{height:45%}.bar32.h50{height:50%}.bar32.h55{height:55%}.bar32.h60{height:60%}.bar32.h65{height:65%}.bar32.h70{height:70%}.bar32.h75{height:75%}.bar32.h80{height:80%}.bar32.h85{height:85%}.bar32.h90{height:90%}.bar32.h95{height:95%}.bar32.h100{height:100%}