/* SECREWARS · tema "cine" oscuro (navy profundo, luces de marquesina, brillos rojo/violeta/cian) */
:root{color-scheme:dark;--bg:#07091a;--bg2:#0b0f26;--card:#10152f;--card2:#151b3b;--ink:#eef0ff;--muted:#a9b0d6;--line:#252c55;--line2:#323b6e;
--p1:#8b5cf6;--p2:#818cf8;--p3:#22d3ee;--red:#f43f5e;--gold:#fcd34d;--ok:#34d399;--warn:#fbbf24;--err:#fb7185;--r:18px;
--grad:linear-gradient(120deg,#e11d48,#7c3aed 52%,#4f46e5);--grad2:linear-gradient(120deg,#a78bfa,#22d3ee);--shadow:0 18px 40px -18px rgba(0,0,0,.8);--glow:0 0 0 1px rgba(139,92,246,.35),0 20px 50px -20px rgba(124,58,237,.6)}
*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth}
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.5;
background:radial-gradient(900px 500px at 100% -10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(800px 500px at -10% 30%,rgba(225,29,72,.10),transparent 60%),radial-gradient(800px 600px at 50% 120%,rgba(34,211,238,.08),transparent 60%),var(--bg);background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column}
a{color:#c4b5fd;text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--p3);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:#1a1300;font-weight:800;padding:10px 14px;border-radius:10px}.skip:focus{top:12px}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.narrow{max-width:800px}
main{flex:1;padding-top:32px;padding-bottom:56px}main.full{padding-top:0}
.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grow{flex:1}.center{text-align:center}
h1,h2,h3{letter-spacing:-.02em}
/* ---- Header con luces de marquesina ---- */
.top{position:sticky;top:0;z-index:20;background:rgba(7,9,26,.82);backdrop-filter:blur(12px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.06)}
.top .row{height:68px;justify-content:space-between}
.bulbs{height:6px;background:radial-gradient(circle,#ffe8a3 0 1.6px,rgba(252,211,77,.45) 2.2px,transparent 3.2px) 0 50%/18px 6px repeat-x;opacity:.75;animation:bulbs 2.4s steps(2) infinite}
@keyframes bulbs{50%{background-position:9px 50%}}
.brand{display:flex;align-items:center;gap:10px;font-size:24px;color:var(--ink);letter-spacing:-.5px}.brand:hover{text-decoration:none}
.brand img{filter:drop-shadow(0 0 10px rgba(139,92,246,.55))}
.brand b{font-weight:800}.brand i{font-style:normal;font-weight:800;background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
nav{display:flex;align-items:center;gap:20px}nav a{color:#dfe3ff;font-weight:600}nav a:not(.btn):hover{color:#fff;text-decoration:none;text-shadow:0 0 12px rgba(167,139,250,.8)}.inline{display:inline}
/* ---- Botones ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;background:var(--grad);background-size:140% 100%;color:#fff!important;font-weight:700;font-size:15px;padding:11px 20px;border-radius:12px;box-shadow:0 12px 28px -12px rgba(225,29,72,.65);transition:transform .18s,box-shadow .18s,background-position .3s;font-family:inherit}
.btn:hover{transform:translateY(-1px);background-position:100% 0;box-shadow:0 16px 34px -12px rgba(124,58,237,.8);text-decoration:none}
.btn.sm{padding:8px 14px;font-size:14px}.btn.lg{padding:14px 24px;font-size:16px}.btn.block{width:100%}
.btn.ghost{background:rgba(255,255,255,.06);color:var(--ink)!important;border:1px solid rgba(255,255,255,.18);box-shadow:none;backdrop-filter:blur(6px)}
.btn.ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.btn[disabled],.btn.disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none;filter:grayscale(.4)}
.link{background:none;border:0;color:#c4b5fd;cursor:pointer;font:inherit;padding:8px 0;margin-top:6px}.link:hover{text-decoration:underline}
.grad{background:linear-gradient(120deg,#fb7185,#a78bfa 45%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;color:#c9cfee;max-width:560px}.cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.pill,.kicker{display:inline-flex;align-items:center;gap:6px;background:rgba(252,211,77,.1);color:var(--gold);border:1px solid rgba(252,211,77,.3);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:99px}
/* ---- Hero tipo banner de streaming ---- */
.cine-hero{position:relative;isolation:isolate;min-height:min(640px,82vh);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.hero-bg{position:absolute;inset:0;z-index:-2}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;animation:kenburns 26s ease-in-out infinite alternate}
@keyframes kenburns{to{transform:scale(1.07) translateX(-1.5%)}}
.cine-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,26,.96) 0%,rgba(7,9,26,.82) 38%,rgba(7,9,26,.25) 70%,rgba(7,9,26,.45)),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}
.marquee-lights{position:absolute;left:0;right:0;top:0;height:10px;background:radial-gradient(circle,#fff1c1 0 2px,rgba(252,211,77,.5) 3px,transparent 4.5px) 0 50%/26px 10px repeat-x;opacity:.55;animation:bulbs 2.4s steps(2) infinite}
.hero-inner{position:relative;padding-top:64px;padding-bottom:92px}
.hero-slide{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.hero-slide[hidden]{display:none}.hero-slide.is-on{animation:slide-in .6s ease both}
@keyframes slide-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero-title{font-size:clamp(36px,5.4vw,64px);line-height:1.03;margin:16px 0 14px;font-weight:850;letter-spacing:-.035em;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.hero-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 0;color:#dfe3ff}.hero-meta b{font-size:24px;color:#fff}
.hero-poster{justify-self:center;width:min(300px,100%);transform:perspective(900px) rotateY(-10deg) rotate(2deg);transition:transform .5s}
.hero-poster .poster-media{box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12),0 0 60px -10px rgba(225,29,72,.45)}
.hero-slide:hover .hero-poster{transform:perspective(900px) rotateY(-4deg) rotate(0)}
.hero-ticket{justify-self:center;position:relative;width:min(340px,100%);padding:26px 26px 22px;border-radius:18px;background:linear-gradient(135deg,rgba(225,29,72,.92),rgba(124,58,237,.92) 55%,rgba(79,70,229,.95));color:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 70px -10px rgba(139,92,246,.6);transform:rotate(-4deg);
-webkit-mask:radial-gradient(circle 14px at 0 64%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 64%,transparent 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 14px at 0 64%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 64%,transparent 98%,#000) right/51% 100% no-repeat}
.hero-ticket .t-top{display:block;font-size:12px;font-weight:800;letter-spacing:.35em;opacity:.85}
.hero-ticket b{display:block;font-size:40px;letter-spacing:-.02em;margin:6px 0 18px}.hero-ticket b i{font-style:normal;color:#a5f3fc}
.hero-ticket .t-row{display:flex;justify-content:space-between;border-top:2px dashed rgba(255,255,255,.45);padding-top:14px;font-size:12px;font-weight:700;letter-spacing:.12em}
.hero-ticket .t-code{display:block;margin-top:12px;font-family:ui-monospace,monospace;letter-spacing:.2em;opacity:.7}
.hero-ctrl{position:absolute;left:24px;bottom:28px;display:flex;align-items:center;gap:10px}
.hero-arrow,.hero-pause,.row-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(7,9,26,.6);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}
.hero-pause{font-size:12px;letter-spacing:-1px}
.hero-arrow:hover,.hero-pause:hover,.row-btn:hover:not([disabled]){background:rgba(139,92,246,.45);transform:scale(1.06)}
.hero-dots{display:flex;gap:8px}.hero-dot{width:26px;height:6px;border-radius:6px;border:0;padding:0;background:rgba(255,255,255,.3);cursor:pointer;transition:width .3s,background .3s}
.hero-dot.on{width:44px;background:linear-gradient(90deg,#fb7185,#a78bfa,#22d3ee)}
/* ---- Filas de pósters ---- */
.cine-rows{padding-top:8px}
.cine-row{margin:34px 0 10px;position:relative}
.row-head{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;flex-wrap:wrap}.row-head h2{margin:0;font-size:24px}
.row-more{font-weight:700;font-size:14px}.row-nav{display:flex;gap:8px;align-self:center}.row-btn{width:36px;height:36px;font-size:20px}.row-btn[disabled]{opacity:.3;cursor:default}
.cine-row.no-scroll .row-nav{display:none}
.row-track{list-style:none;margin:0;padding:10px 4px 22px;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(150px,17vw,208px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:4px;scrollbar-width:thin;scrollbar-color:#3b3f73 transparent}
.poster-item{scroll-snap-align:start}
.poster{display:block;color:var(--ink);border-radius:16px;outline-offset:4px}.poster:hover{text-decoration:none}
.poster-media{position:relative;display:block;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background:#151a3a;box-shadow:0 14px 30px -16px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.poster-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.poster-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,9,26,.85));pointer-events:none}
.poster-ico{position:absolute;left:12px;bottom:10px;z-index:1;font-size:30px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.poster:hover .poster-media,.poster:focus-visible .poster-media{transform:translateY(-6px) scale(1.04);box-shadow:var(--glow)}
.poster:hover .poster-media img,.poster:focus-visible .poster-media img{transform:scale(1.08)}
.poster-rank{position:absolute;right:8px;bottom:-6px;z-index:1;font-size:64px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.85);text-shadow:0 6px 20px rgba(0,0,0,.6)}
.poster-tags{position:absolute;left:8px;top:8px;z-index:1;display:flex;flex-wrap:wrap;gap:6px}
.tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.02em;padding:4px 8px;border-radius:8px;background:rgba(7,9,26,.8);color:#e2e8f0;border:1px solid rgba(255,255,255,.18)}
.tag-auto{background:rgba(250,204,21,.95);color:#1a1300;border-color:transparent}.tag-out{background:rgba(244,63,94,.95);color:#fff;border-color:transparent}
.poster.out .poster-media img{filter:grayscale(.7) brightness(.75)}
.poster-info{display:flex;flex-direction:column;padding:10px 2px 0;line-height:1.3}.poster-info b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-info small{color:var(--muted);font-size:12.5px}
/* ---- Tarjetas genéricas ---- */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow);margin-bottom:18px}
.features .card{margin:0}.features .card h3{margin:12px 0 6px}.features .card p{color:var(--muted);margin:0}
.feat{position:relative;overflow:hidden}.feat::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 70%)}
.ico{width:48px;height:48px;border-radius:14px;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.35);display:grid;place-items:center;font-size:22px}
.muted{color:var(--muted)}.small{font-size:13px}
/* ---- Paneles tipo "entrada de cine" (registro/login/verificación/pagos) ---- */
.panel{position:relative;background:linear-gradient(180deg,#171d42,#10152f);border:1px solid var(--line2);border-radius:24px;padding:88px 36px 34px;max-width:470px;margin:20px auto;box-shadow:0 30px 70px -30px rgba(0,0,0,.95),0 0 80px -30px rgba(124,58,237,.55);
-webkit-mask:radial-gradient(circle 13px at 0 56px,transparent 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 56px,transparent 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 13px at 0 56px,transparent 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 56px,transparent 97%,#000) right/51% 100% no-repeat}
.panel::before{content:"🎟  ENTRADA · SECREWARS";content:"🎟  ENTRADA · SECREWARS"/"";position:absolute;left:0;right:0;top:0;height:56px;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;letter-spacing:.3em;color:#fff;background:var(--grad);border-radius:24px 24px 0 0}
.panel::after{content:"";position:absolute;left:20px;right:20px;top:55px;border-top:2px dashed rgba(255,255,255,.35)}
.panel h1{margin:0 0 6px;font-size:28px;letter-spacing:-.5px}
.big-ico{font-size:44px;text-align:center}
/* ---- Formularios ---- */
.field{display:block;margin:16px 0}.field span{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:#dfe3ff}
.field small{display:block;color:var(--muted);margin-top:6px;font-size:12.5px}
input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--line2);border-radius:12px;font:inherit;font-size:15px;background:#0a0e24;color:var(--ink);transition:border .15s,box-shadow .15s}
input::placeholder,textarea::placeholder{color:#7d86b5}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--p3);box-shadow:0 0 0 4px rgba(34,211,238,.18);background:#0c1130}
input:disabled{background:#141936;color:#6b7399}
input[type=date]{color-scheme:dark}input[type=file]{padding:9px}
.code{text-align:center;font-size:32px;letter-spacing:14px;font-weight:800;padding:16px;margin:18px 0;background:#070a1d;border-style:dashed}
.meter{height:6px;background:#1b2147;border-radius:6px;margin:-8px 0 8px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--err);transition:all .2s}
.errors{background:rgba(244,63,94,.1);color:#fecdd3;border:1px solid rgba(244,63,94,.45);padding:12px 14px 12px 32px;border-radius:12px;font-size:14px}
.flash{padding:12px 16px;border-radius:12px;margin:18px 0;font-weight:500}
main.full>.wrap>.flash{margin-top:18px}
.flash.ok{background:rgba(52,211,153,.12);color:#a7f3d0;border:1px solid rgba(52,211,153,.4)}.flash.warn{background:rgba(251,191,36,.12);color:#fde68a;border:1px solid rgba(251,191,36,.4)}.flash.err{background:rgba(244,63,94,.12);color:#fecdd3;border:1px solid rgba(244,63,94,.45)}
.flash a{color:#fff;text-decoration:underline}
/* ---- Perfil ---- */
.profile-head{display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.profile-head::after{content:"";position:absolute;inset:auto -60px -80px auto;width:240px;height:240px;background:radial-gradient(circle,rgba(225,29,72,.22),transparent 70%)}
.profile-head h1{margin:0 0 4px;font-size:26px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.avatar{width:72px;height:72px;border-radius:22px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;box-shadow:0 0 30px -6px rgba(225,29,72,.7)}
.badge{font-size:13px;font-weight:700;padding:6px 12px;border-radius:99px;background:#1e2550;color:#c7cdf0}
.badge.ok{background:linear-gradient(135deg,#059669,#0891b2);color:#fff;box-shadow:0 6px 16px -6px rgba(16,185,129,.6)}
.chip{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:rgba(129,140,248,.16);color:#c7d2fe;border:1px solid rgba(129,140,248,.3)}
.chip.ok{background:rgba(52,211,153,.14);color:#a7f3d0;border-color:rgba(52,211,153,.35)}.chip.warn{background:rgba(251,191,36,.14);color:#fde68a;border-color:rgba(251,191,36,.35)}.chip.err{background:rgba(244,63,94,.14);color:#fecdd3;border-color:rgba(244,63,94,.4)}
.card h2{margin:0 0 8px;font-size:20px}.card h2 small{font-weight:500;font-size:14px}
.benefits{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(34,211,238,.10)),var(--card);border-color:rgba(139,92,246,.4)}
.ticks{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ticks li{background:rgba(7,9,26,.5);border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 40px;position:relative}
.ticks li:before{content:"✓";position:absolute;left:14px;color:var(--ok);font-weight:800}
.upsell{border-style:dashed;border-color:var(--line2)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.grid2 .actions{grid-column:1/-1}
.kv{display:grid;grid-template-columns:200px 1fr;gap:10px;margin:10px 0 0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere;min-width:0}
.disabled{opacity:.75;background:repeating-linear-gradient(45deg,#10152f,#10152f 12px,#0d1229 12px,#0d1229 24px)}
/* ---- Catálogo (cartelera) ---- */
.cat-head h1{font-size:40px;margin:12px 0 6px;letter-spacing:-1px}
.cine-head{position:relative;padding:26px 28px 4px;margin-bottom:10px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(7,9,26,.92),rgba(7,9,26,.55)),url(/cine/hero-1600.webp) center 40%/cover;overflow:hidden}
.cine-head::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:radial-gradient(circle,#fff1c1 0 1.8px,rgba(252,211,77,.5) 2.6px,transparent 3.8px) 0 50%/22px 8px repeat-x;opacity:.6}
.cine-head p{max-width:760px}
.tabs{display:flex;gap:8px;margin:18px 0 24px;flex-wrap:wrap}
.tab{padding:9px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:rgba(7,9,26,.6);color:var(--ink);font-weight:700}
.tab.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 10px 24px -10px rgba(225,29,72,.7)}.tab:hover{text-decoration:none;border-color:rgba(255,255,255,.4)}
.cat-section{margin:14px 0 34px}.cat-section h2{font-size:24px;margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.item{display:flex;flex-direction:column;gap:8px;margin:0;padding:12px 12px 16px;position:relative;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.item:hover,.item:focus-within{transform:translateY(-4px);box-shadow:var(--glow);border-color:rgba(139,92,246,.55)}
.item h3{margin:4px 0 0;font-size:17px}.item p{margin:0;flex:1;font-size:14px}
.anchor{position:absolute;top:-90px}
.thumb{aspect-ratio:3/4;border-radius:12px;display:grid;place-items:center;font-size:46px;margin-bottom:6px;position:relative;overflow:hidden;background:#151a3a}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.item:hover .thumb img{transform:scale(1.07)}
.thumb[data-poster]{padding:0;place-items:stretch}.thumb[data-poster]::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,9,26,.8))}
.thumb.has-img{padding:0;overflow:hidden;background:#151a3a}
.price b{font-size:20px}.price small{font-weight:500}
.pricebox{display:flex;flex-direction:column;line-height:1.15}.pricebox b{font-size:20px;color:#fff}
.item .price{flex-wrap:wrap;gap:8px}.item .price form,.item .price .btn{width:100%}.item .price .btn{justify-content:center}
.slot{border-style:dashed;background:repeating-linear-gradient(45deg,#0e1330,#0e1330 12px,#0b1029 12px,#0b1029 24px);box-shadow:none}
.slot:hover{transform:none;box-shadow:none;border-color:var(--line)}
.slot-thumb{background:#0b1029;border:2px dashed #39407a;color:#7d86b5;font-size:40px;place-items:center}
.slot-chip{background:#1a2047;color:#b6bde3}
/* ---- Pie con tira de película ---- */
.foot{border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:14px;background:#05061299}.foot .row{justify-content:space-between;min-height:64px;flex-wrap:wrap}
.film-strip{height:22px;border-bottom:1px solid #1a1d36}
.film-strip{background:repeating-linear-gradient(90deg,transparent 0 6px,#2a2f55 6px 16px,transparent 16px 22px) 0 3px/100% 5px no-repeat,repeating-linear-gradient(90deg,transparent 0 6px,#2a2f55 6px 16px,transparent 16px 22px) 0 14px/100% 5px no-repeat,#0b0d1d}
/* ---- Créditos / pagos / admin ---- */
.balance{display:inline-flex;align-items:center;gap:4px;background:rgba(252,211,77,.12);border:1px solid rgba(252,211,77,.45);color:var(--gold)!important;padding:6px 12px;border-radius:99px;font-size:14px}
.balance:hover{text-decoration:none;box-shadow:0 0 18px -4px rgba(252,211,77,.6)}
.h2{font-size:26px;margin:0 0 8px;letter-spacing:-.5px}
.wallet-head{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden;padding-top:34px;background:linear-gradient(90deg,rgba(225,29,72,.22),rgba(124,58,237,.18) 50%,rgba(34,211,238,.10)),var(--card);border-color:rgba(252,211,77,.35)}
.wallet-head::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:radial-gradient(circle,#fff1c1 0 2px,rgba(252,211,77,.5) 3px,transparent 4.5px) 0 50%/24px 12px repeat-x;animation:bulbs 2.4s steps(2) infinite}
.wallet-head::after{content:"🍿";position:absolute;right:18px;bottom:-14px;font-size:84px;opacity:.13;pointer-events:none}
.wallet-head .small{max-width:420px}.wallet-head>.muted{position:relative;z-index:1}
.balance-big{font-size:32px;font-weight:850;letter-spacing:-.5px;margin:6px 0;color:#fff}
.packs{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.pack,.prov{position:relative;display:flex;border:1.5px solid var(--line2);border-radius:14px;padding:14px;cursor:pointer;background:#0b1029;transition:border .15s,box-shadow .15s,transform .15s}
.pack{border-style:dashed;-webkit-mask:radial-gradient(circle 7px at 0 50%,transparent 96%,#000) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,transparent 96%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 7px at 0 50%,transparent 96%,#000) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,transparent 96%,#000) right/51% 100% no-repeat}
.pack:hover,.prov:hover{border-color:#5b63a8;transform:translateY(-1px)}
.pack>input[type=radio],.prov>input{position:absolute;opacity:0;pointer-events:none}
.pack span{display:flex;flex-direction:column;gap:4px;width:100%}.pack small{color:var(--muted)}
.pack.on,.prov.on,.pack:has(>input:checked),.prov:has(>input:checked){border-color:var(--gold);border-style:solid;background:linear-gradient(135deg,rgba(225,29,72,.18),rgba(124,58,237,.2));box-shadow:0 0 0 3px rgba(252,211,77,.18)}
.pack:has(>input:focus-visible),.prov:has(>input:focus-visible){outline:3px solid var(--p3);outline-offset:2px}
.pack.custom input[type=number]{padding:8px 10px;font-size:14px;margin-top:2px}
.providers{display:grid;gap:10px}
.prov{align-items:center;gap:14px}.prov span{display:flex;flex-direction:column;flex:1}.prov small{color:var(--muted)}
.prov em{font-style:normal;font-weight:800;font-size:12px;background:rgba(129,140,248,.18);color:#c7d2fe;padding:4px 10px;border-radius:99px}
.total-box{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:20px 0 14px;padding:16px 18px;border-radius:14px;background:#0a0e24;border:1px dashed var(--line2)}
.total-box b{font-size:26px;color:#fff}.total-box small{color:var(--muted)}
.empty-state{text-align:center;padding:30px 10px}
.demo-checkout{max-width:540px}.demo-tag{display:inline-block;background:rgba(252,211,77,.14);color:var(--gold);border:1px solid rgba(252,211,77,.4);font-weight:800;font-size:12px;letter-spacing:.5px;padding:6px 12px;border-radius:99px;margin-bottom:10px}
.demo-actions{margin:20px 0 6px;gap:10px}.demo-actions form{flex:1}.demo-actions .btn{width:100%}
.center-row{justify-content:center}
.table-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}
.tbl th{text-align:left;color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-bottom:1px solid var(--line2)}
.tbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.tbl tbody tr:hover td{background:rgba(255,255,255,.025)}.tbl .num{text-align:right;white-space:nowrap}
.tbl .pos{color:var(--ok);font-weight:700}.tbl .neg{color:var(--err);font-weight:700}
.tbl input{padding:6px 8px;font-size:13px;min-width:130px}.row.tight{gap:6px;flex-wrap:wrap}
.flash-link{font-weight:700;margin-left:6px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 4px}.stat{margin:0;padding:16px 18px}.stat small{color:var(--muted)}.stat b{display:block;font-size:28px;color:#fff}
.grid3{display:grid;grid-template-columns:1fr 1fr 2fr;gap:0 14px}.grid3 .actions{grid-column:1/-1}
code{background:#1a2047;color:#c7d2fe;padding:2px 6px;border-radius:6px;font-size:12.5px}
h3{color:#e6e9ff}
/* ---- Admin productos ---- */
.admin-tabs{margin:6px 0 16px}
.wrap-gap{flex-wrap:wrap;gap:10px;margin-bottom:6px}
.tbl.products td{vertical-align:middle}
.tbl.products tr.inactive td{opacity:.6}
.pthumb img,.noimg{width:56px;height:56px;border-radius:12px;object-fit:cover;display:grid;place-items:center;font-size:24px;background:#1a2047}
.noimg.streaming{background:linear-gradient(135deg,#be123c,#6d28d9)}.noimg.diseno{background:linear-gradient(135deg,#c026d3,#ea580c)}.noimg.ia{background:linear-gradient(135deg,#4f46e5,#0891b2)}
.pactions{white-space:nowrap}.pactions .inline{display:inline}.pactions .btn{margin:2px 0}
.btn.danger{color:#fecdd3!important;border-color:rgba(244,63,94,.5)}.btn.danger:hover{background:rgba(244,63,94,.18)}
.product-form .pf-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;margin-top:10px}
.product-form textarea,.product-form select{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--line2);border-radius:12px;background:#0a0e24;color:var(--ink)}
.price-field{border:0;padding:0;margin:0 0 14px}.price-field legend{font-weight:600;font-size:14px;margin-bottom:6px}
.seg{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.seg label{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:14px;cursor:pointer;display:flex;gap:6px;align-items:center;white-space:nowrap}
.seg label:has(input:checked){border-color:#a78bfa;background:rgba(139,92,246,.2);color:#ede9fe;font-weight:700}
.price-field .row input{max-width:200px}
.equiv{font-weight:700;color:#c4b5fd;font-size:16px}
.small-field{max-width:140px}.small-field input{max-width:140px}
.check{display:flex;gap:8px;align-items:center;font-size:14px;margin:6px 0;white-space:nowrap}
.seg input,.check input{width:auto;margin:0;flex:none;accent-color:#8b5cf6}
.lbl{font-weight:600;font-size:14px;display:block;margin-bottom:6px}
.img-preview{aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--line2);background:#0a0e24;display:grid;place-items:center;margin-bottom:10px}
.img-preview img{width:100%;height:100%;object-fit:cover}
.img-preview.empty{border:2px dashed #39407a;color:#7d86b5}
.img-preview.removed{opacity:.35;filter:grayscale(1)}
.flash ul{margin:0;padding-left:18px}
.product-form .row.tight{align-items:center;gap:16px;flex-wrap:wrap}
/* ---- Stock y entrega automática ---- */
.chip.auto{background:rgba(250,204,21,.14);color:#fde68a;border:1px solid rgba(250,204,21,.4)}
.stock-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 2px;font-size:13px;font-weight:700;flex-wrap:wrap}.stock-row .chip{white-space:nowrap}
.stock-row .left{color:var(--ok)}.stock-row .none{color:var(--err)}.stock-row .lowq{color:var(--warn)}
.item.soldout{opacity:.8}.item.soldout .thumb img{filter:grayscale(.7) brightness(.7)}
.stock-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.stock-grid .card{margin:0}
.stock-head{margin-bottom:18px}.stock-stats .stat.ok b{color:var(--ok)}.stock-stats .stat.bad b{color:var(--err)}
code.masked{font-size:12.5px;background:#1a2047;padding:2px 6px;border-radius:6px;color:#c7d2fe}
.delivery-box{margin-top:18px;border-radius:16px;padding:18px;border:1px solid rgba(139,92,246,.45);background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(34,211,238,.08)),#0d1230}
.delivery-box.locked{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.delivery-box .lock-ico{font-size:30px}
.delivery-box .lbl{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#c4b5fd;margin-bottom:8px}
.secret-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
code.secret{flex:1;min-width:0;display:block;background:#05071a;color:#a5f3fc;border:1px solid #233063;padding:12px 14px;border-radius:12px;font-size:15px;overflow-wrap:anywhere;user-select:all}
.delivery-box .note{margin:12px 0 0;font-size:14px}
.stock-n{color:var(--ok);font-weight:700}
.stock-grid textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--line2);border-radius:12px;background:#0a0e24;color:var(--ink);resize:vertical}
.stock-grid textarea[name=lineas]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;min-height:150px}
.stock-grid input[type=file]{width:100%}
/* ---- Responsive ---- */
@media (max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.packs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){
  .hero-slide{grid-template-columns:1fr;gap:26px}.hero-poster,.hero-ticket{display:none}
  .hero-inner{padding-top:44px;padding-bottom:86px}.cine-hero{min-height:auto}
  .features,.grid2,.ticks{grid-template-columns:1fr}.grid,.stats{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}
  nav{gap:12px}nav a:not(.btn){font-size:14px}.kv{grid-template-columns:1fr}
  .wallet-head{flex-direction:column;align-items:flex-start}.balance span{display:none}
  .product-form .pf-grid,.stock-grid{grid-template-columns:1fr}.stock-tbl td:nth-child(5){display:none}
  .cine-head{padding:22px 18px 2px}.cat-head h1{font-size:32px}
}
@media (max-width:620px){
  .wrap{padding:0 16px}
  .top .row{height:auto;flex-wrap:wrap;padding:8px 0;gap:6px}.top nav{width:100%;justify-content:space-between;flex-wrap:wrap;gap:6px 10px}.top nav a:not(.btn){font-size:13.5px}.top .btn.sm{padding:6px 10px}
  .hero-ctrl{left:16px;bottom:22px}.lead{font-size:17px}
  .row-track{grid-auto-columns:42vw;gap:12px}.row-nav{display:none}
  .panel{padding:84px 22px 28px}
}
@media (max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:12px}.item{padding:8px 8px 12px}.item h3{font-size:15px}.item p{font-size:13px}.packs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:380px){.grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero-bg img{animation:none}.bulbs,.marquee-lights,.wallet-head::before{animation:none}}
.poster.soon .poster-media img{filter:brightness(.38) saturate(.6)}
.soon-label{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:20px;letter-spacing:.14em;color:#fff;text-shadow:0 0 18px rgba(252,211,77,.55)}
.soon-label small{font-size:11px;letter-spacing:.4em;color:var(--gold);margin-bottom:4px}
.poster.soon .poster-media{box-shadow:0 0 0 1px rgba(252,211,77,.35),0 14px 30px -16px rgba(0,0,0,.9)}
.poster.soon .poster-info b{color:#d6dbf5}
/* Ajustes cine v2: espacios del catálogo como "próximo estreno", nav móvil, hero móvil */
.grid .slot-thumb{aspect-ratio:16/9;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;background:radial-gradient(120% 90% at 50% 0%,rgba(124,58,237,.28),transparent 60%),#0b1029;border:1px dashed #39407a}
.slot-reel{font-size:30px;opacity:.85}
.slot-soon{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#c9cdf0}
.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media (max-width:1400px){.foot .row{padding-right:150px}}
@media (max-width:620px){
  .top .row{padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px}
  .hero-inner{padding-bottom:104px}
  .hero-slide .cta,.hero-inner .cta{gap:10px}
  .hero-inner .cta .btn{padding:12px 16px;font-size:15px}
  .foot .row{padding-right:16px;padding-bottom:70px}
}
@media (max-width:520px){.grid{grid-template-columns:1fr 1fr}}
@media (max-width:380px){.grid{grid-template-columns:1fr}}
/* =====================================================================
   SECREWARS · tema "cine claro": medianoche índigo arriba, superficies
   claras tipo vidrio, gradientes de color y profundidad 3D suave.
   ===================================================================== */
:root{color-scheme:light;--bg:#f5f3ff;--bg2:#ece9fb;--card:#ffffff;--card2:#fbfaff;--ink:#1c1f45;--muted:#545a85;--line:#e6e2f7;--line2:#d4cff0;
--p1:#7c3aed;--p2:#6366f1;--p3:#0891b2;--red:#e11d48;--gold:#a16207;--ok:#047857;--warn:#b45309;--err:#be123c;
--night1:#1e2347;--night2:#2b2f63;
--grad:linear-gradient(120deg,#6d28d9,#c026d3 50%,#0e7490);--grad2:linear-gradient(120deg,#a78bfa,#f0abfc 45%,#67e8f9);
--grad-coral:linear-gradient(120deg,#fb7185,#fb923c 50%,#fcd34d);--grad-head:linear-gradient(120deg,#6d28d9,#c026d3 55%,#0e7490);
--shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(60,40,140,.06),0 8px 18px -8px rgba(60,40,140,.16),0 28px 50px -28px rgba(124,58,237,.30);
--glow:inset 0 1px 0 #fff,0 0 0 1px rgba(167,139,250,.55),0 18px 36px -14px rgba(124,58,237,.38),0 30px 60px -30px rgba(236,72,153,.35)}
/* Zonas "noche" (header, hero, cabeceras, pie): texto claro */
.top,.cine-hero,.cine-head,.foot,.wallet-head{--ink:#f5f6ff;--muted:#cdd1f3;--gold:#fcd34d;--line:rgba(255,255,255,.14);color:var(--ink)}
.top a:not(.btn),.cine-hero a:not(.btn),.cine-head a:not(.btn):not(.tab),.foot a,.wallet-head a{color:#ddd6fe}
body{background:radial-gradient(900px 520px at 105% -5%,rgba(192,38,211,.13),transparent 60%),radial-gradient(800px 520px at -10% 25%,rgba(34,211,238,.13),transparent 60%),radial-gradient(900px 600px at 50% 115%,rgba(251,146,60,.12),transparent 60%),linear-gradient(180deg,#f7f5ff,#f1eeff);background-attachment:fixed}
a{color:#6d28d9}.link{color:#6d28d9}
h3{color:var(--ink)}
/* Encabezados con texto en gradiente (el emoji queda en su color gracias al span) */
.panel h1,.card h2,.h2,.row-head h2,.cat-section h2,main>.wrap>h1,main>h1,.cat-head h1,.profile-head h1{background:var(--grad-head);-webkit-background-clip:text;background-clip:text;color:transparent}
.cine-head h1{background:linear-gradient(120deg,#fff,#f5d0fe 50%,#a5f3fc);-webkit-background-clip:text;background-clip:text}
.profile-head h1 .badge,.profile-head h1 .chip{-webkit-text-fill-color:initial}
/* Header */
.top{background:linear-gradient(90deg,rgba(30,35,71,.94),rgba(43,47,99,.94) 60%,rgba(76,42,122,.94));border-bottom:0;box-shadow:0 10px 30px -18px rgba(30,35,71,.8)}
.bulbs{opacity:1;background:radial-gradient(circle,#fff6d5 0 1.8px,rgba(252,211,77,.7) 2.4px,transparent 3.4px) 0 50%/18px 6px repeat-x,linear-gradient(90deg,#fb7185,#fcd34d 50%,#67e8f9);background-size:18px 6px,100% 1px;background-repeat:repeat-x,no-repeat;background-position:0 50%,0 100%}
.brand img{filter:drop-shadow(0 0 10px rgba(240,171,252,.65))}
/* Botones con gradiente y brillo */
.btn{background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 52%),var(--grad);background-size:100% 100%,160% 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.12),0 10px 22px -10px rgba(192,38,211,.6)}
.btn:hover{background-position:0 0,100% 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.12),0 16px 30px -12px rgba(124,58,237,.65)}
.btn.ghost{background:linear-gradient(180deg,#fff,#f6f4ff);color:#3b2a8a!important;border:1px solid var(--line2);box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(60,40,140,.3)}
.btn.ghost:hover{background:#fff;border-color:#a78bfa}
.top .btn.ghost,.cine-hero .btn.ghost,.cine-head .btn.ghost{background:rgba(255,255,255,.12);color:#fff!important;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.top .btn.ghost:hover,.cine-hero .btn.ghost:hover{background:rgba(255,255,255,.2)}
.btn.danger{background:#fff1f2;color:#be123c!important;border:1px solid rgba(190,18,60,.35);box-shadow:none}.btn.danger:hover{background:#ffe4e6}
:focus-visible{outline-color:#0891b2}
.top :focus-visible,.cine-hero :focus-visible,.cine-head :focus-visible,.foot :focus-visible{outline-color:#67e8f9}
/* Hero: overlay más liviano para que se vea el arte */
.cine-hero{background:linear-gradient(135deg,var(--night1),var(--night2) 60%,#4c2a7a);border-bottom:0}
.cine-hero::before{background:linear-gradient(90deg,rgba(30,35,71,.9) 0%,rgba(43,47,99,.66) 36%,rgba(43,47,99,.12) 66%,rgba(43,47,99,0)),radial-gradient(700px 300px at 20% 110%,rgba(192,38,211,.35),transparent 70%)}
.hero-bg img{filter:saturate(1.2) brightness(1.15)}
.marquee-lights{opacity:.85}
.hero-title{text-shadow:0 4px 24px rgba(20,16,60,.45)}
.lead{color:#e4e6fb}.hero-meta{color:#eceefe}
.hero-ticket{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 40%),linear-gradient(135deg,#e11d48,#c026d3 45%,#6d28d9 75%,#0e7490);box-shadow:0 30px 60px -22px rgba(20,16,60,.8),0 0 70px -10px rgba(240,171,252,.55)}
.hero-arrow,.hero-pause{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.hero-dot{background:rgba(255,255,255,.45)}.hero-dot.on{background:var(--grad-coral)}
/* Filas de pósters */
.cine-rows{padding-top:18px}.cine-row{margin:44px 0 14px}
.row-btn{background:linear-gradient(180deg,#fff,#f3f0ff);color:#4c1d95;border:1px solid var(--line2);box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(60,40,140,.35)}
.row-btn:hover:not([disabled]){background:var(--grad);color:#fff}
.row-track{scrollbar-color:#c4b5fd transparent;perspective:1000px}
.poster-media{background:#e9e6f8;box-shadow:0 2px 4px rgba(60,40,140,.08),0 16px 30px -14px rgba(60,40,140,.45),0 0 0 1px rgba(255,255,255,.7);transform-style:preserve-3d}
.poster-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.35),rgba(255,255,255,0) 35%);opacity:0;transition:opacity .35s}
.poster:hover .poster-media,.poster:focus-visible .poster-media{transform:perspective(800px) rotateX(5deg) rotateY(-7deg) translateY(-8px) scale(1.04)}
.poster:hover .poster-media::before,.poster:focus-visible .poster-media::before{opacity:1}
.poster-media::after{background:linear-gradient(180deg,transparent 52%,rgba(30,35,71,.75))}
.poster.soon .poster-media img{filter:brightness(.55) saturate(.9)}
.poster.soon .poster-media{box-shadow:0 0 0 1px rgba(251,146,60,.45),0 16px 30px -14px rgba(60,40,140,.45)}
.poster.soon .poster-info b{color:var(--ink)}
.poster-info b{color:var(--ink)}
.poster-rank{-webkit-text-stroke:2px #fff;text-shadow:0 4px 14px rgba(30,35,71,.6)}
/* Tarjetas de vidrio con profundidad */
.card{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(250,248,255,.82));border:1px solid rgba(255,255,255,.9);outline:1px solid rgba(212,207,240,.55);outline-offset:-1px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow)}
.card:focus-visible{outline:3px solid #0891b2;outline-offset:3px}
.features{gap:22px;margin-top:44px;perspective:1200px}
.features .card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.features .card:hover{transform:perspective(900px) rotateX(4deg) rotateY(-5deg) translateY(-6px);box-shadow:var(--glow)}
.feat::after{background:radial-gradient(circle,rgba(240,171,252,.45),transparent 70%)}
.ico{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),rgba(255,255,255,0) 42%),linear-gradient(140deg,#a78bfa,#ec4899 55%,#22d3ee);border:0;box-shadow:inset 0 -4px 8px rgba(60,20,120,.25),inset 0 2px 2px rgba(255,255,255,.6),0 12px 20px -8px rgba(192,38,211,.6);transform:perspective(300px) rotateX(10deg)}
.features .card:nth-child(2) .ico{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),rgba(255,255,255,0) 42%),var(--grad-coral);box-shadow:inset 0 -4px 8px rgba(120,40,0,.22),inset 0 2px 2px rgba(255,255,255,.6),0 12px 20px -8px rgba(251,146,60,.7)}
.features .card:nth-child(3) .ico{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),rgba(255,255,255,0) 42%),linear-gradient(140deg,#67e8f9,#6366f1);box-shadow:inset 0 -4px 8px rgba(20,40,120,.25),inset 0 2px 2px rgba(255,255,255,.6),0 12px 20px -8px rgba(8,145,178,.6)}
/* Entrada de cine (auth/pagos) */
.panel{background:linear-gradient(180deg,#fff,#faf8ff);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(76,60,160,.5)}
.panel::before{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 60%),var(--grad)}
.panel::after{border-top-color:rgba(255,255,255,.6)}
/* Formularios */
.field span,.lbl{color:#2d3160}
input,textarea,select,.product-form textarea,.product-form select,.stock-grid textarea{background:#fff;color:var(--ink);border:1px solid var(--line2);box-shadow:inset 0 1px 2px rgba(60,40,140,.06)}
input::placeholder,textarea::placeholder{color:#6b7099}
input:focus,textarea:focus,select:focus{background:#fff;border-color:#0891b2;box-shadow:0 0 0 4px rgba(8,145,178,.18)}
input:disabled{background:#f3f1fb;color:#6b7099}
input[type=date]{color-scheme:light}
.code{background:#faf9ff}.meter{background:#e9e6f8}
.errors{background:#fff1f2;color:#9f1239;border-color:#fecdd3}
.flash.ok{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.flash.warn{background:#fffbeb;color:#92400e;border-color:#fde68a}.flash.err{background:#fff1f2;color:#9f1239;border-color:#fecdd3}
.flash a{color:inherit}
/* Insignias / chips con brillo */
.badge{background:linear-gradient(180deg,#fff,#ede9fe);color:#4c1d95;border:1px solid #ddd6fe;box-shadow:inset 0 1px 0 #fff,0 3px 8px -4px rgba(76,29,149,.35)}
.badge.ok{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 55%),linear-gradient(135deg,#047857,#0e7490);color:#fff;border:0}
.chip{background:linear-gradient(180deg,#fff,#efebff);color:#5b21b6;border:1px solid #ddd6fe;box-shadow:inset 0 1px 0 #fff}
.chip.ok{background:linear-gradient(180deg,#fff,#d1fae5);color:#065f46;border-color:#a7f3d0}.chip.warn{background:linear-gradient(180deg,#fff,#fef3c7);color:#92400e;border-color:#fde68a}.chip.err{background:linear-gradient(180deg,#fff,#ffe4e6);color:#9f1239;border-color:#fecdd3}
.chip.auto{background:linear-gradient(180deg,#fff7d6,#fde68a);color:#713f12;border-color:#fcd34d}
.slot-chip{background:#eef0fa;color:#454a78}
.tag-auto{background:var(--grad-coral);color:#3b1600}
.avatar{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 50%),var(--grad);box-shadow:inset 0 -4px 10px rgba(40,10,90,.3),0 14px 26px -10px rgba(192,38,211,.6)}
.profile-head::after{background:radial-gradient(circle,rgba(251,146,60,.25),transparent 70%)}
.benefits{background:radial-gradient(400px 160px at 100% 0%,rgba(103,232,249,.25),transparent 70%),linear-gradient(135deg,#f5f3ff,#fdf4ff);border-color:#ddd6fe}
.ticks li{background:rgba(255,255,255,.8);border-color:var(--line)}
.disabled{background:repeating-linear-gradient(45deg,#f7f6fe,#f7f6fe 12px,#f1effb 12px,#f1effb 24px)}
/* Catálogo */
.cine-head{background:linear-gradient(90deg,rgba(30,35,71,.88),rgba(43,47,99,.5) 70%,rgba(76,42,122,.35)),url(/cine/hero-1600.webp) center 40%/cover;border:0;box-shadow:0 24px 50px -28px rgba(30,35,71,.8)}
.cine-head::before{opacity:.9}
.tab{background:linear-gradient(180deg,#fff,#f5f3ff);border-color:var(--line2);color:#3b2a8a;box-shadow:inset 0 1px 0 #fff,0 4px 10px -6px rgba(60,40,140,.35)}.tab:hover{border-color:#a78bfa}
.cine-head .tab{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none}
.tab.on{background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,0) 55%),var(--grad-coral);color:#3b1600;box-shadow:0 10px 24px -10px rgba(251,146,60,.8)}
.cat-section{margin:20px 0 44px}
.grid{perspective:1400px}
.thumb,.thumb.has-img{background:#ece9fb}
.thumb[data-poster]::after{background:linear-gradient(180deg,transparent 55%,rgba(30,35,71,.6))}
.item:hover,.item:focus-within{transform:perspective(900px) rotateX(3deg) rotateY(-4deg) translateY(-6px);box-shadow:var(--glow);border-color:#fff}
.pricebox b,.total-box b{color:var(--ink)}
.slot{background:repeating-linear-gradient(45deg,rgba(255,255,255,.75),rgba(255,255,255,.75) 12px,rgba(243,241,255,.75) 12px,rgba(243,241,255,.75) 24px);border:1px dashed #cfc9ee;outline:0;box-shadow:none}
.slot:hover{border-color:#a78bfa;transform:none;box-shadow:none}
.grid .slot-thumb{background:radial-gradient(120% 90% at 50% 0%,rgba(192,38,211,.18),transparent 60%),radial-gradient(90% 90% at 100% 100%,rgba(34,211,238,.18),transparent 60%),#f6f4ff;border:1px dashed #c4b5fd}
.slot-soon{color:#454a78}
.stock-row .left{color:var(--ok)}
/* Pie */
.foot{background:linear-gradient(180deg,var(--night1),var(--night2));border-top:0;margin-top:20px}
.film-strip{background:repeating-linear-gradient(90deg,transparent 0 6px,#f5f3ff 6px 16px,transparent 16px 22px) 0 3px/100% 5px no-repeat,repeating-linear-gradient(90deg,transparent 0 6px,#f5f3ff 6px 16px,transparent 16px 22px) 0 14px/100% 5px no-repeat,linear-gradient(90deg,#1e2347,#4c2a7a 50%,#1e2347);border-bottom:0}
/* Créditos / pagos */
.balance{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04));border-color:rgba(252,211,77,.6)}
.wallet-head{background:radial-gradient(500px 200px at 100% 100%,rgba(251,146,60,.35),transparent 70%),linear-gradient(120deg,var(--night1),var(--night2) 55%,#5b2a86);border:0;box-shadow:0 24px 50px -26px rgba(30,35,71,.8)}
.wallet-head::after{opacity:.22}
.wallet-head .muted{color:#dfe2fa}
.pack,.prov{background:linear-gradient(180deg,#fff,#faf9ff);border-color:var(--line2);box-shadow:0 6px 14px -10px rgba(60,40,140,.35)}
.pack:hover,.prov:hover{border-color:#a78bfa;transform:translateY(-2px)}
.pack.on,.prov.on,.pack:has(>input:checked),.prov:has(>input:checked){border-color:#c026d3;background:radial-gradient(160px 80px at 100% 0%,rgba(103,232,249,.3),transparent 70%),linear-gradient(135deg,#fdf2f8,#f5f3ff);box-shadow:0 0 0 3px rgba(192,38,211,.18),0 12px 22px -12px rgba(192,38,211,.5)}
.prov em{background:#ede9fe;color:#4c1d95}
.total-box{background:linear-gradient(135deg,#faf9ff,#fdf4ff);border-color:#d8b4fe}
.demo-tag{background:#fef3c7;color:#854d0e;border-color:#fcd34d}
/* Tablas / admin */
.tbl th{border-bottom-color:var(--line2)}.tbl tbody tr:hover td{background:rgba(124,58,237,.045)}
.stat{position:relative;overflow:hidden}.stat::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad-coral)}
.stat:nth-child(2n)::before{background:var(--grad)}
.stat b{background:var(--grad-head);-webkit-background-clip:text;background-clip:text;color:transparent}
.stock-stats .stat.ok b{background:none;color:var(--ok)}.stock-stats .stat.bad b{background:none;color:var(--err)}
code,code.masked{background:#f1effe;color:#4c1d95}
code.secret{background:linear-gradient(135deg,var(--night1),var(--night2));color:#a5f3fc;border-color:transparent}
.delivery-box{background:radial-gradient(300px 140px at 100% 0%,rgba(103,232,249,.28),transparent 70%),linear-gradient(135deg,#f5f3ff,#fdf4ff);border-color:#c4b5fd}
.delivery-box .lbl{color:#6d28d9}
.seg label:has(input:checked){border-color:#a78bfa;background:#ede9fe;color:#4c1d95}
.equiv{color:#6d28d9}
.img-preview{background:#f6f5fd}.img-preview.empty{border-color:#c4b5fd;color:#6b7099}
.pthumb img,.noimg{background:#ede9fe}
@media (max-width:620px){.cine-row{margin:34px 0 10px}}
@media (prefers-reduced-motion:reduce){
  .poster:hover .poster-media,.poster:focus-visible .poster-media,.item:hover,.item:focus-within,.features .card:hover{transform:none}
  .ico{transform:none}
}
/* El emoji inicial de un título conserva sus colores; si es una letra, toma el color de arranque del gradiente */
.panel h1::first-letter,.card h2::first-letter,.h2::first-letter,.row-head h2::first-letter,.cat-section h2::first-letter,main>.wrap>h1::first-letter,main>h1::first-letter,.cat-head h1::first-letter,.profile-head h1::first-letter{-webkit-text-fill-color:#6d28d9;color:#6d28d9}
.cine-head h1::first-letter{-webkit-text-fill-color:#fff;color:#fff}
html{background:#f3f0ff}body{background-attachment:scroll}
/* =====================================================================
   Extras (cupones, referidos, estadísticas, DNI), legal, copias, avisos,
   Compartir y Grupos · estilo "cine claro"
   ===================================================================== */
.muted.small,.small{font-size:13px}.mono,code.code-tag,.code-tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.code-tag{display:inline-block;padding:3px 9px;border-radius:8px;background:#f1edff;border:1px solid var(--line2);color:#4c1d95;font-weight:700;letter-spacing:.06em}
.stack{display:flex;flex-direction:column;gap:12px}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.grid-2col>.card{margin:0}
.chips-row{display:flex;flex-wrap:wrap;gap:8px}.chips-row label,.chips-row button{cursor:pointer}
.chips-row input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.chips-row span,.chips-row .pill-opt{display:inline-block;padding:8px 14px;border-radius:99px;border:1px solid var(--line2);background:#fff;font-weight:700;color:#3b2a8a}
.chips-row input:checked+span{background:var(--grad);color:#fff;border-color:transparent}
.big{font-size:1.4em}.mini{font-size:12.5px}
/* KPIs */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:0 0 18px}
.kpi{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#faf8ff);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}
.kpi::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--grad)}
.kpi span{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.kpi b{font-size:26px;color:var(--ink)}.kpi small{color:var(--muted)}
/* Gráficos SVG */
.chart{width:100%;height:auto;display:block}.chart .ax line{stroke:#e7e3f7;stroke-dasharray:3 4}.chart text{fill:#6b6f96;font-size:11px;font-family:inherit}
.chart .dots circle{fill:#fff;stroke:#7c3aed;stroke-width:2}.chart .bv{fill:#3b2a8a;font-weight:700}.chart .xs{fill:#9a9ec0;font-size:10px}
.chart-split{height:18px;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(60,40,140,.08)}
.legend{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.legend li{display:flex;align-items:center;gap:6px;font-size:14px}.legend i{width:12px;height:12px;border-radius:4px;display:inline-block}
.charts-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-card{margin:0}.stats-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:16px}
.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.data-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.low-list{list-style:none;padding:0;margin:0}.low-list li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}
/* Cupones */
.coupon-box{margin:14px 0;padding:14px;border:2px dashed #c4b5fd;border-radius:14px;background:linear-gradient(135deg,#faf5ff,#ecfeff)}
.coupon-box .row{flex-wrap:wrap}.coupon-msg{font-weight:700;margin-top:6px}.coupon-msg.ok{color:var(--ok)}.coupon-msg.err{color:var(--err)}
.savings{margin:12px 0;padding:10px 14px;border-radius:12px;background:linear-gradient(120deg,#ecfdf5,#f0f9ff);border:1px solid #a7f3d0;color:#065f46}.savings-line{color:var(--ok);font-weight:700}
.coupon-mini{margin:6px 0;font-size:13px}.coupon-mini summary{cursor:pointer;color:#6d28d9;font-weight:700}.coupon-mini input{margin-top:6px;width:100%}
.gift-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0;color:var(--muted)}
.coupon-form .row{flex-wrap:wrap}
/* Referidos */
.referral{background:radial-gradient(120% 140% at 0 0,rgba(192,38,211,.10),transparent 60%),linear-gradient(180deg,#fff,#faf8ff)}
.ref-share{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.ref-share input{flex:1;min-width:220px}.ref-btns{display:flex;gap:8px;flex-wrap:wrap}
.btn.wa{background:linear-gradient(120deg,#16a34a,#059669);box-shadow:0 10px 22px -12px rgba(5,150,105,.8)}
/* DNI */
.badge.id{background:linear-gradient(135deg,#0e7490,#6d28d9);color:#fff}
.privacy{margin:0 0 16px;padding:14px 16px;border-radius:14px;background:#f0f9ff;border:1px solid #bae6fd}.privacy summary{cursor:pointer;font-weight:800;color:#0e7490}
.id-card{position:relative}.id-form .consent{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:10px 0}
.id-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.id-photo{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 10px;border:2px dashed var(--line2);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .2s,transform .2s}
.id-photo:hover{border-color:#a78bfa;transform:translateY(-2px)}.id-photo .ico{font-size:32px}.id-photo input{max-width:100%;font-size:12px}
.id-viewer{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.id-viewer img{width:100%;border-radius:12px;border:1px solid var(--line)}
.decide{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
/* Legal */
.legal{max-width:860px;margin:0 auto}.legal h2{margin-top:28px}.legal p,.legal li{color:#2f3360}
.legal-draft{padding:12px 16px;border-radius:12px;background:#fffbeb;border:1px solid #fcd34d;color:#78350f;margin-bottom:18px}
mark.ph{background:#fef3c7;color:#92400e;padding:0 4px;border-radius:4px;font-weight:700}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.arrep{border:2px solid #fda4af}.track,.track-code{text-align:center}.track-code code{display:inline-block;font-size:24px;letter-spacing:.12em;padding:10px 18px;border-radius:12px;background:var(--grad);color:#fff;font-weight:800}
.legal-links{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:13.5px}.legal-links a{color:#ddd6fe}
.terms{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:8px 0}
/* Avisos al admin */
.channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.channel{padding:14px;border-radius:14px;border:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:8px}.channel.on{border-color:#6ee7b7;background:#f0fdf4}
.notif-grid{width:100%;border-collapse:collapse}.notif-grid th,.notif-grid td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.notif-grid td:not(:first-child),.notif-grid th:not(:first-child){text-align:center}
.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}
.switch span,.switch::after{pointer-events:none}.switch::before{content:"";position:absolute;inset:0;border-radius:99px;background:#d9d5ee;transition:background .2s}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.switch:has(input:checked)::before{background:linear-gradient(120deg,#7c3aed,#c026d3)}.switch:has(input:checked)::after{transform:translateX(20px)}
.switch:has(input:focus-visible){outline:3px solid var(--p3);outline-offset:2px;border-radius:99px}
/* Compartir */
.share-head{padding-bottom:0}.share-tabs{margin-bottom:22px}
.confirm-box{padding:22px;border-radius:18px;text-align:center;background:radial-gradient(120% 120% at 50% 0,rgba(192,38,211,.12),transparent 60%),#fff;border:2px solid #c4b5fd;box-shadow:var(--glow);margin-bottom:18px}
.big-num{display:block;font-size:40px;font-weight:850;background:var(--grad-head);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0}
.feed{list-style:none;margin:0;padding:0}.feed li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.feed li:last-child{border-bottom:0}
.feed-ico{width:36px;height:36px;flex:none;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#f5f3ff,#ecfeff);border:1px solid var(--line);font-size:17px}
.feed form{margin:0}.activity .feed li{padding:8px 0}
.gift-box{margin:14px 0;padding:14px 16px;border-radius:14px;background:linear-gradient(120deg,#fdf4ff,#ecfeff);border:1px solid #f5d0fe;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.gift-box.pending{background:#fffbeb;border-color:#fcd34d}
.gift-in,.gift-claim,.gift-done{text-align:center}.gift-item{display:flex;gap:14px;align-items:center;justify-content:center;margin:14px 0;font-size:18px}
.share-link{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}.share-link input{flex:1;min-width:200px;font-family:ui-monospace,monospace;font-size:13px}
.giftcard{position:relative;max-width:380px;aspect-ratio:1.6;margin:10px auto 16px;padding:22px 24px;border-radius:20px;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
background:radial-gradient(120% 90% at 100% 0,rgba(255,255,255,.28),transparent 50%),linear-gradient(130deg,#6d28d9,#c026d3 55%,#0e7490);box-shadow:0 26px 50px -22px rgba(109,40,217,.75),inset 0 1px 0 rgba(255,255,255,.4);transform:perspective(900px) rotateX(4deg)}
.giftcard::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.12)}
.gc-brand{font-weight:900;letter-spacing:.3em;font-size:13px;opacity:.9}.gc-amount{font-size:34px;font-weight:850}.gc-code{font-family:ui-monospace,monospace;font-size:19px;letter-spacing:.12em;background:rgba(0,0,0,.22);padding:6px 10px;border-radius:10px;align-self:flex-start;user-select:all}.gc-foot{font-size:12px;opacity:.85}
.giftcard-new{text-align:center}
/* Grupos */
.avatar-pick{display:flex;flex-wrap:wrap;gap:8px}.avatar-pick label{cursor:pointer}.avatar-pick input{position:absolute;opacity:0;pointer-events:none}
.avatar-pick span{width:46px;height:46px;display:grid;place-items:center;font-size:24px;border-radius:14px;border:2px solid var(--line2);background:#fff;transition:transform .15s,border-color .15s}
.avatar-pick input:checked+span{border-color:#a855f7;background:linear-gradient(135deg,#f5f3ff,#fdf4ff);transform:scale(1.08);box-shadow:0 8px 18px -8px rgba(124,58,237,.6)}.avatar-pick input:focus-visible+span{outline:3px solid var(--p3)}
.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:18px}
.group-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#fff,#faf8ff);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);transition:transform .2s,box-shadow .2s}
.group-card:hover{transform:translateY(-3px);box-shadow:var(--glow);text-decoration:none}.group-card b{display:block;font-size:16.5px}.group-card small{display:block}
.g-ava{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#ede9fe,#fae8ff 55%,#cffafe);box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(124,58,237,.5)}
.g-ava.big{width:84px;height:84px;font-size:46px;border-radius:24px}
.g-pool{font-weight:800;color:#6d28d9;background:#f5f3ff;border:1px solid var(--line2);padding:5px 10px;border-radius:99px;white-space:nowrap}
.group-hero{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:24px;border-radius:22px;margin-bottom:18px;background:radial-gradient(100% 140% at 0 0,rgba(192,38,211,.14),transparent 60%),radial-gradient(100% 140% at 100% 100%,rgba(14,116,144,.14),transparent 60%),#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.group-hero h1{margin:0 0 4px;background:var(--grad-head);-webkit-background-clip:text;background-clip:text;color:transparent}.group-hero p{margin:4px 0}
.pool-box{min-width:200px;padding:16px 20px;border-radius:18px;color:#fff;text-align:center;display:flex;flex-direction:column;gap:2px;background:linear-gradient(135deg,#6d28d9,#c026d3 55%,#0e7490);box-shadow:0 18px 36px -16px rgba(109,40,217,.7)}
.pool-box span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.9}.pool-box b{font-size:32px}.pool-box small{opacity:.9}
.members{list-style:none;margin:0;padding:0}.members li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.members li:last-child{border-bottom:0}.members form{margin:0}
.m-ava{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--grad)}
.chip.role-owner{background:linear-gradient(120deg,#fde68a,#fdba74);color:#7c2d12;border-color:#fdba74}.chip.role-admin{background:#ede9fe;color:#5b21b6;border-color:#c4b5fd}.chip.role-member{background:#f1f5f9;color:#334155;border-color:#e2e8f0}
.danger-zone{border:1px solid #fecdd3;background:linear-gradient(180deg,#fff,#fff1f2)}.danger-zone h2{background:none;color:#be123c;-webkit-text-fill-color:#be123c}
.row.tight{gap:6px;flex-wrap:wrap}
@media (max-width:820px){.grid-2col,.charts-2{grid-template-columns:1fr}.id-photos{grid-template-columns:1fr}.group-hero{flex-direction:column;align-items:flex-start}.pool-box{width:100%}}
.grid-2col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid-2col>*{min-width:0}.table-wrap{max-width:100%;overflow-x:auto}
.feed li>.grow{min-width:0;overflow-wrap:anywhere}
@media (max-width:820px){.grid-2col{grid-template-columns:minmax(0,1fr)}}
.avatar-pick label,.chips-row label{position:relative}.avatar-pick input,.chips-row input[type=radio]{left:0;top:0;width:1px;height:1px;margin:0}
.giftcard .gc-code{color:#fff!important;background:rgba(15,10,40,.35)!important;border:1px solid rgba(255,255,255,.35);font-size:19px;padding:6px 12px}
.chips-row label.pill{padding:0;border:0;background:none;box-shadow:none;text-transform:none;letter-spacing:0}
.giftcard-new{display:flex;flex-direction:column;align-items:center}
.channels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.channel{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0}.channel small{overflow-wrap:anywhere}.channel form{margin-top:auto}
.channel code{background:#f1edff;color:#4c1d95}
.cine-head .field span,.cine-head label>span{color:#e0e7ff}.cine-head input[type=date]{color:#1c1f45;background:#fff}
.id-review .kv{max-width:720px}.id-viewer figure{margin:0}.id-viewer figcaption{font-size:13px;font-weight:700;margin-top:4px}

.digest-preview{white-space:pre-wrap;font:14px/1.6 system-ui,sans-serif;background:rgba(99,102,241,.06);border-radius:12px;padding:14px;overflow-x:auto}
.notif-levels select{min-width:190px}

/* =====================================================================
   Tienda: buscador, carrito, favoritos, reseñas, niveles (cine claro)
   ===================================================================== */
.hsearch{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:2px 4px 2px 12px;min-width:200px}
.hsearch input{background:transparent;border:0;color:#fff;padding:7px 4px;font-size:14px;width:100%;box-shadow:none}.hsearch input::placeholder{color:#c7cbef}
.hsearch input:focus{outline:none;box-shadow:none}.hsearch:focus-within{border-color:#c4b5fd;box-shadow:0 0 0 3px rgba(167,139,250,.35)}
.hsearch button{background:none;border:0;cursor:pointer;font-size:15px;padding:4px 6px}
.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:280px;background:#fff;border:1px solid var(--line2);border-radius:14px;box-shadow:var(--glow);z-index:60;overflow:hidden;--ink:#1c1f45;--muted:#545a85}
.suggest .sg{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;color:#1c1f45!important;font-size:14px}.suggest .sg small{color:#6d28d9;font-weight:700;white-space:nowrap}
.suggest .sg:hover,.suggest .sg.on{background:#f3efff;text-decoration:none}.suggest .sg.all{justify-content:center;font-weight:700;color:#6d28d9!important;border-top:1px solid var(--line)}
.suggest .sg-empty{padding:12px 14px;color:#545a85;font-size:13px}
.cart-link{position:relative;font-size:20px;line-height:1;padding:4px 6px}.cart-link:hover{text-decoration:none}
.cart-n{position:absolute;top:-6px;right:-8px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--grad-coral);color:#1c1f45;font-size:11.5px;font-weight:800;display:grid;place-items:center;box-shadow:0 4px 10px -3px rgba(251,113,133,.7)}
.cart-n.zero{background:rgba(255,255,255,.25);color:#fff;box-shadow:none}.cart-n.bump{animation:bump .45s ease}
@keyframes bump{40%{transform:scale(1.45)}}
.fav-link{font-size:19px;padding:2px 4px}.fav-link:hover{text-decoration:none}
.lvl-badge{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);white-space:nowrap}
.lvl-badge:hover{text-decoration:none}.lvl-badge.big{font-size:16px;padding:7px 16px}
.level-bronce .lvl-badge,.lvl-badge.level-bronce{background:linear-gradient(120deg,#fed7aa,#fdba74);color:#7c2d12!important;border-color:#fdba74}
.lvl-badge.level-plata{background:linear-gradient(120deg,#f1f5f9,#cbd5e1);color:#334155!important;border-color:#cbd5e1}
.lvl-badge.level-oro{background:linear-gradient(120deg,#fef08a,#fbbf24);color:#713f12!important;border-color:#fbbf24}
.lvl-badge.level-diamante{background:linear-gradient(120deg,#a5f3fc,#c4b5fd 60%,#f0abfc);color:#312e81!important;border-color:#a5b4fc}
.chip.level-plata{background:#e2e8f0;color:#334155}.chip.level-oro{background:#fef3c7;color:#92400e}.chip.level-diamante{background:#ede9fe;color:#5b21b6}
@media (max-width:900px){.hsearch{order:-1;width:100%;min-width:0}.lvl-badge span{display:none}}

/* Tarjetas: corazón, estrellas, agregar */
.card.item{position:relative}
.heart-form{position:absolute;top:14px;right:14px;z-index:3;margin:0}
.heart{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.85);backdrop-filter:blur(6px);font-size:19px;line-height:1;cursor:pointer;color:#be185d;display:grid;place-items:center;box-shadow:0 6px 16px -6px rgba(124,58,237,.45);transition:transform .15s}
a.heart{text-decoration:none}.heart:hover{transform:scale(1.1)}.heart.on{background:linear-gradient(135deg,#fb7185,#e11d48);color:#fff;border-color:#fb7185}
.stars{color:#d6d3e8;letter-spacing:1px}.stars i{font-style:normal}.stars i.on{color:#f59e0b;text-shadow:0 1px 0 rgba(180,83,9,.25)}.stars.lg{font-size:22px}
.rating{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;color:var(--ink)!important;margin:-2px 0 4px}.rating:hover{text-decoration:none}.rating.none{display:block}
.item-link{color:inherit!important}.item-link:hover{color:#6d28d9!important}
.add-cart{margin-top:10px}.add-cart .qty{width:64px;padding:7px 8px;text-align:center}
.notify{background:var(--grad-coral)!important;color:#1c1f45!important}
#shop-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;background:#1e2347;color:#fff;padding:12px 18px;border-radius:14px;box-shadow:0 18px 40px -16px rgba(30,35,71,.8);font-size:14px;max-width:92vw}
#shop-toast a{color:#f5d0fe;font-weight:700;margin-left:6px}#shop-toast.err{background:#9f1239}

/* Filtros */
.filters{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:16px 0 0;padding:16px 18px;--ink:#1c1f45;--muted:#545a85;color:var(--ink)}
.filters .field{margin:0;min-width:130px}.filters .field.grow{flex:1 1 220px;position:relative}.filters .small-field{max-width:110px;min-width:90px}
.filters .field span{color:#545a85!important;font-size:12.5px}.filters .check{margin:0 0 10px}.filters .actions{display:flex;gap:8px;margin-bottom:2px}
.empty-search{grid-column:1/-1;text-align:center}

/* Carrito */
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
@media (max-width:900px){.cart-layout{grid-template-columns:1fr}}
.cart-line{display:grid;grid-template-columns:76px minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.cart-line:last-child{border-bottom:0}.cart-line.bad{background:rgba(244,63,94,.05);border-radius:12px;padding:14px 8px}
.cart-thumb .thumb{width:76px;height:76px;border-radius:14px;overflow:hidden;margin:0;aspect-ratio:auto}.cart-thumb .thumb img{width:100%;height:100%;object-fit:cover}
.cart-thumb .poster-ico{font-size:22px}
.cart-info{display:flex;flex-direction:column;gap:3px;min-width:0}.cart-info b{color:var(--ink)}
.qty-form{gap:4px}.qty-form .qty{width:58px;text-align:center;padding:7px 4px}
.qbtn{width:32px;height:32px;border-radius:10px;border:1px solid var(--line2);background:#fff;font-size:17px;cursor:pointer;color:#6d28d9;box-shadow:0 3px 8px -4px rgba(124,58,237,.4)}.qbtn:disabled{opacity:.4;cursor:not-allowed}
.cart-sub{display:flex;flex-direction:column;align-items:flex-end;min-width:90px}
.cart-summary{position:sticky;top:90px}.cart-summary h2{margin-top:0}
.totals{margin:14px 0}.totals div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}.totals dt{color:var(--muted)}.totals dd{margin:0;font-weight:700}
.totals .disc dd{color:var(--ok)}.totals .grand{font-size:20px;border-bottom:0}.totals .grand dt{color:var(--ink);font-weight:800}
.coupon-msg.ok{color:var(--ok)}.coupon-msg.err{color:var(--err)}
.empty-cart .big,.card .big{font-size:46px;margin:0}
@media (max-width:640px){.cart-line{grid-template-columns:60px 1fr;}.cart-line .qty-form,.cart-line .cart-sub,.cart-line form.inline{grid-column:2}.cart-sub{align-items:flex-start}}

/* Producto */
.crumbs{margin:8px 0 12px}
.product{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px}
@media (max-width:820px){.product{grid-template-columns:1fr}}
.product-media{position:relative}.product-media .thumb{border-radius:18px;overflow:hidden;margin:0}
.product-info h1{margin:8px 0 4px;font-size:34px;background:var(--grad-head);-webkit-background-clip:text;background-clip:text;color:transparent}
.pricebox.lg b{font-size:30px}.pricebox.lg{display:flex;flex-direction:column;margin:12px 0}

/* Reseñas */
.review-summary{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;margin:8px 0 18px}
.review-summary .avg{display:flex;flex-direction:column;align-items:center}.review-summary .avg b{font-size:44px;line-height:1;background:var(--grad-head);-webkit-background-clip:text;background-clip:text;color:transparent}
.dist .row{margin:3px 0;align-items:center}.dist .bar{flex:1;height:8px;border-radius:99px;background:#ece9fb;overflow:hidden;min-width:120px}.dist .bar i{display:block;height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b)}
.review{border-top:1px solid var(--line);padding:14px 0}.review p{margin:8px 0}
.review .reply{background:linear-gradient(120deg,rgba(124,58,237,.07),rgba(14,116,144,.07));border-left:3px solid #7c3aed;border-radius:10px;padding:10px 14px;margin:8px 0}.review .reply p{margin:4px 0 0}
.review-actions{align-items:center;gap:10px}.review-actions form{margin:0}.report summary{cursor:pointer}.report form{margin-top:6px}
.review-form{background:linear-gradient(180deg,#fff,#faf7ff);border:1px dashed var(--line2)}
.star-pick{border:0;padding:0;margin:0 0 10px;display:inline-flex;flex-direction:row-reverse;gap:2px}.star-pick legend{font-size:13px;color:var(--muted);margin-bottom:4px;float:left;width:100%}
.star-pick input{position:absolute;opacity:0;width:1px;height:1px}.star-pick label{font-size:30px;color:#d6d3e8;cursor:pointer;transition:transform .1s}
.star-pick input:checked~label,.star-pick label:hover,.star-pick label:hover~label{color:#f59e0b}.star-pick input:focus-visible+label{outline:2px solid #7c3aed;border-radius:6px}
.admin-review form{flex-wrap:wrap}.admin-review .grow{flex:1 1 240px;width:auto}

/* Niveles */
.level-card{background:linear-gradient(160deg,#fff 40%,#f5f0ff)}
.lvl-progress{height:14px;border-radius:99px;background:#ece9fb;overflow:hidden;box-shadow:inset 0 2px 4px rgba(60,40,140,.12);margin:12px 0 6px}
.lvl-progress i{display:block;height:100%;border-radius:99px;background:var(--grad);box-shadow:0 0 12px rgba(192,38,211,.5)}
.lvl-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px}
.lvl-col{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;box-shadow:0 8px 18px -12px rgba(60,40,140,.25);display:flex;flex-direction:column;gap:2px}
.lvl-col.on{border-color:#a78bfa;box-shadow:var(--glow);transform:translateY(-3px)}.lvl-col ul{margin:8px 0 0;padding-left:18px;font-size:13px}.lvl-col .big{font-size:30px;font-weight:800;margin:6px 0 0}
.lvl-col.level-bronce{border-top:4px solid #fb923c}.lvl-col.level-plata{border-top:4px solid #94a3b8}.lvl-col.level-oro{border-top:4px solid #f59e0b}.lvl-col.level-diamante{border-top:4px solid #a78bfa}

/* Preferencias y automatizaciones */
.prefs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 18px;margin:10px 0 14px;padding-left:4px}
.check.strong{font-weight:700}
.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:16px}
.auto-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(180deg,#fff,#faf8ff);display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 18px -12px rgba(60,40,140,.25)}
.auto-card .field{margin:0}.auto-card .small-field{max-width:none}
.auto-switch{display:flex;gap:10px;align-items:center;font-weight:700;cursor:pointer}.auto-switch input{width:auto;accent-color:#7c3aed;transform:scale(1.25)}
.tpl{border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:8px 0;background:#fff}.tpl summary{cursor:pointer}.tpl form{margin-top:10px}
.filters .btn.ghost{color:#4c1d95!important;background:#fff;border:1px solid #ddd6fe}.filters .btn.ghost:hover{background:#f5f3ff}
.topup-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0}
.topup-banner h2{margin:0 0 4px}
.topup-head{display:flex;align-items:center;gap:14px}
.topup-head .gem-icon{flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(124,58,237,.45))}
.topup-head .pill{margin-bottom:4px}
.skin-conds{margin:6px 0 0;padding-left:20px}.skin-conds li{margin:2px 0}
.skin-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0}
.skin-steps li{padding:6px 12px;border-radius:999px;border:1px solid var(--line2);color:var(--muted);font-weight:600}
.skin-steps li.done{color:var(--ok);border-color:var(--ok)}.skin-steps li.on{color:var(--ink);border-color:var(--p1);box-shadow:var(--glow)}
.wa-box .btn{margin-top:8px}.day-sep td{background:var(--card2)}
.pack em{display:block;font-style:normal}

.raffle-prizes{font-size:1.05rem;line-height:1.8}.raffle-progress{font-size:1.02rem}.raffle-winners li{margin:4px 0}.raffle-json{max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:.8rem}.raffle-result{margin:10px 0}
/* Cabecera épica (ilustración original en SVG: silueta de héroe de fantasía, sin arte de terceros) */
.epic-head{position:relative;overflow:hidden;margin:-6px -6px 16px;padding:26px 24px;border-radius:16px;color:#fff;
background:linear-gradient(90deg,rgba(7,9,26,.96) 0%,rgba(11,15,38,.85) 38%,rgba(11,15,38,.15) 70%,transparent),url(/img/epic-hero.svg) right center/cover no-repeat,#0b0f26;
box-shadow:inset 0 0 0 1px rgba(167,139,250,.35),0 18px 40px -22px rgba(124,58,237,.8);min-height:150px}
.epic-head h1,.epic-head .h2,.epic-head h1 *{color:#fff;-webkit-text-fill-color:#fff;background:none;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.epic-head .pill{background:rgba(252,211,77,.16);color:#fde68a;border-color:rgba(252,211,77,.4)}
@media (max-width:640px){.epic-head{background:linear-gradient(180deg,rgba(7,9,26,.6),rgba(7,9,26,.92)),url(/img/epic-hero.svg) 70% center/cover no-repeat,#0b0f26}}
.epic-head h1::first-letter,.epic-head .h2::first-letter{-webkit-text-fill-color:#c4b5fd;color:#c4b5fd}

/* Tarjetas de skins por categoría (SVG propio o imagen subida por el admin) */
.pack .tier-art{display:block;width:100%;height:auto;aspect-ratio:160/110;border-radius:10px;margin-bottom:8px;object-fit:cover;box-shadow:0 10px 22px -14px rgba(0,0,0,.6)}
.skin-card{padding:10px}.skin-card:has(>input:checked) .tier-art{box-shadow:0 0 0 2px var(--gold),0 12px 26px -12px rgba(252,211,77,.6)}
.tier-epica b{color:#b45309}.tier-especial b{color:#be185d}.tier-elite_estilo b{color:#7e22ce}.tier-elite b{color:#1d4ed8}.tier-normal b{color:#0f766e}.tier-vip_mensual b{color:#047857}
.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.img-cell{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line2);border-radius:12px}
.img-cell .tier-art{width:100%;height:auto;aspect-ratio:160/110;border-radius:10px;object-fit:cover}
.img-cell .noimg{display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#ede9fe,#e0f2fe)}
.img-cell form{display:flex;flex-direction:column;gap:6px}.img-cell input[type=file]{font-size:12px;max-width:100%}

/* Fondo propio del encabezado (subido desde el admin): degradado oscuro encima para que el texto se lea */
.epic-head.has-bg{background:linear-gradient(90deg,rgba(7,9,26,.94) 0%,rgba(11,15,38,.78) 42%,rgba(11,15,38,.4) 75%,rgba(11,15,38,.25)),var(--hero-bg) center/cover no-repeat,#0b0f26}
@media (max-width:640px){.epic-head.has-bg{background:linear-gradient(180deg,rgba(7,9,26,.7),rgba(7,9,26,.92)),var(--hero-bg) center/cover no-repeat,#0b0f26}}
.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.epic-head.bg-preview{margin:0;min-height:90px;padding:14px;display:flex;align-items:flex-end;font-size:15px}

/* Ruleta de descuentos */
.ruleta-grid{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:24px;align-items:start}
@media (max-width:760px){.ruleta-grid{grid-template-columns:1fr}}
.wheel-box{position:relative;max-width:360px;margin:6px auto 12px}
.wheel{display:block;width:100%;height:auto;border-radius:50%;box-shadow:0 0 0 6px #0b0f26,0 0 0 9px #fcd34d,0 22px 44px -18px rgba(124,58,237,.9)}
.wheel-pointer{position:absolute;left:50%;top:-10px;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid #f43f5e;z-index:2;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.ruleta-left{text-align:center;font-size:18px;margin:8px 0}
#spin-form{text-align:center}.ruleta-result{margin-top:12px}
.odds-dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle;margin-right:4px}
.ruleta-mine{padding-left:18px}.ruleta-bases li{margin:6px 0}
/* Menú: con más secciones, que los links no se partan en dos líneas */
.top nav a{white-space:nowrap}
@media (min-width:621px) and (max-width:1600px){nav{gap:11px}nav a:not(.btn){font-size:13.5px}.top .hsearch{min-width:150px;max-width:190px}.top .brand{flex-shrink:0}}
@media (min-width:621px){.top .row{height:auto;min-height:68px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:8px}.top nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}}
/* Recargas: índice de juegos y Free Fire */
.games-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:12px 0}
.games-index .topup-banner{margin:0}
.ff-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.game-filter{margin-bottom:6px}
.rsc-widget .rsc-balance{font-size:1.05rem}
.rsc-widget form.row{align-items:flex-end;flex-wrap:wrap;gap:10px}
.tbl .neg{color:#ef4444;font-weight:600}

/* Recargas: pago por transferencia (Talo) y nick de Free Fire */
.transfer-pay { text-align: center; }
.transfer-kv { display: grid; grid-template-columns: auto 1fr; gap: .4rem 1rem; text-align: left; max-width: 520px; margin: 1rem auto; align-items: center; }
.transfer-kv code { font-size: 1.05rem; word-break: break-all; }
.transfer-kv .big { font-size: 1.3rem; }
.transfer-status { font-weight: 600; }
.ff-lookup { margin: -.3rem 0 .6rem; min-height: 1.2em; }
.ff-lookup.ok { color: var(--ok, #2e9e5b); }
.ff-lookup.warn { color: var(--warn, #c98a00); }

/* Tarjetas Roblox: código entregado */
.gift-code { display: flex; flex-direction: column; align-items: center; gap: .35rem; margin: 1rem auto; padding: .9rem 1rem; border: 2px dashed var(--accent, #22c55e); border-radius: 12px; max-width: 28rem; }
.gift-code .code-big { font-size: 1.35rem; letter-spacing: .08em; user-select: all; word-break: break-all; }
.redeem-steps { text-align: left; max-width: 34rem; margin: .5rem auto; }

/* Código de creador (opcional, no es descuento) */
.creator-field { margin: .75rem 0; padding: .6rem .8rem; border: 1px solid var(--line, #333); border-radius: 10px; }
.creator-field summary { cursor: pointer; font-weight: 600; }
.creator-field .field { margin-top: .5rem; max-width: 18rem; }
.rb-badge { align-self: flex-start; font-size: .75rem; margin-bottom: .2rem; }
.rb-global-note, .rb-us-note { margin: .4rem 0; }
/* Transferencia recomendada (Talo) */
.prov.prov-rec{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.25)}
.prov.prov-rec b{color:#15803d}
.pack.pack-off{opacity:.55;cursor:not-allowed}
.pack .rb-stock{display:block;font-size:.8em;color:#15803d}
.pack .rb-stock.rb-nostock{color:#b91c1c;font-weight:600}
/* Guía de canje de la Gift Card Global de Roblox */
.redeem-guide{margin-top:1rem;padding:1rem 1.1rem;border-radius:12px;background:rgba(0,170,90,.07);border:1px solid rgba(0,170,90,.25);text-align:left}
.redeem-guide .redeem-title{margin:0 0 .5rem}
.redeem-guide .redeem-steps{margin:.25rem 0 .6rem;padding-left:1.3rem}
.redeem-guide .redeem-steps li{margin:.3rem 0}
.redeem-guide .redeem-notes{margin:0;padding-left:1.1rem;opacity:.85}
.pack .rb-kind{font-weight:600;opacity:.8}
/* Fondos propios de las tarjetas de juegos del índice /recargas: imagen + degradado oscuro para que se lea el texto */
.topup-banner.has-card-bg{position:relative;overflow:hidden;color:#fff;border-color:rgba(255,255,255,.14);background:linear-gradient(100deg,rgba(7,9,26,.92) 0%,rgba(11,15,38,.78) 50%,rgba(11,15,38,.5) 100%),var(--card-bg) center/cover no-repeat,#0b0f26}
.topup-banner.has-card-bg h2,.topup-banner.has-card-bg h2::first-letter{background:none;-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.topup-banner.has-card-bg .muted,.topup-banner.has-card-bg p{color:rgba(255,255,255,.9)!important;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.topup-banner.has-card-bg .btn.ghost{background:rgba(255,255,255,.14);color:#fff!important;border:1px solid rgba(255,255,255,.4);box-shadow:none;backdrop-filter:blur(6px)}
@media (max-width:640px){.topup-banner.has-card-bg{background:linear-gradient(180deg,rgba(7,9,26,.8),rgba(7,9,26,.93)),var(--card-bg) center/cover no-repeat,#0b0f26}}
.topup-banner.card-bg-preview{min-height:90px;margin:0;padding:14px;border-radius:12px;display:flex;align-items:flex-end;font-size:15px;background:linear-gradient(135deg,#f6f4ff,#ece8ff);border:1px solid var(--line2)}
.topup-banner.card-bg-preview.has-card-bg b{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.topup-banner.card-bg-preview.has-card-bg{background:linear-gradient(100deg,rgba(7,9,26,.85),rgba(11,15,38,.45)),var(--card-bg) center/cover no-repeat,#0b0f26}
/* Ícono propio de Recargas (menú + índice /recargas) */
.nav-ico{width:20px;height:20px;object-fit:contain;vertical-align:-4px;display:inline-block}
.recargas-ico{width:64px;height:64px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(124,58,237,.45))}
.icon-preview{align-items:center;gap:16px;margin:8px 0}.nav-preview{padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.06)}
/* ---------- Índice /recargas: hero en dos columnas + "Catálogo destacado" ---------- */
.rx-hero{--ink:#f5f6ff;--muted:#b9bfe6;color:var(--ink);position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:center;margin:18px 0 10px;padding:40px;border-radius:24px;overflow:hidden;
  background:radial-gradient(900px 420px at 0% 0%,rgba(124,58,237,.35),transparent 60%),radial-gradient(700px 380px at 100% 100%,rgba(249,115,22,.18),transparent 60%),linear-gradient(160deg,#0b0f26,#07091a);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(7,9,26,.35)}
.rx-hero.has-bg{background:linear-gradient(90deg,rgba(7,9,26,.95) 0%,rgba(7,9,26,.86) 50%,rgba(7,9,26,.72) 100%),var(--hero-bg) center/cover no-repeat,#07091a}
.rx-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rx-top .recargas-ico{width:48px;height:48px}
.rx-status{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#dfe3ff}
.rx-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.22),0 0 10px rgba(34,197,94,.8);flex:0 0 auto}
.rx-title{margin:0 0 14px;font-size:clamp(34px,4.6vw,58px);line-height:1.04;font-weight:900;letter-spacing:-.02em;color:#fff;-webkit-text-fill-color:#fff;background:none}
.rx-title em{font-style:italic;padding-right:.08em;background:linear-gradient(90deg,#fb923c,#f472b6 45%,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f472b6}
.rx-sub{color:var(--muted);font-size:17px;margin:0 0 10px;max-width:560px}.rx-sub.small{font-size:14px}
.rx-trust{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 0;padding:0}
.rx-trust li{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.rx-trust b{display:block;font-size:14px;color:#fff}.rx-trust small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35}
.rx-ti{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(167,139,250,.18);font-size:16px}
.rx-catalog{padding:20px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.rx-cat-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 2px 16px;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#cfd3f5}
.rx-cat-head>span:first-child{display:inline-flex;align-items:center;gap:10px}.rx-cat-head>span:last-child{color:#8f95bf}
.rx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rx-card{position:relative;display:block;aspect-ratio:1/1;border-radius:16px;overflow:hidden;color:#fff!important;text-decoration:none!important;isolation:isolate;border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(145deg,#3b1d7a,#14183a);box-shadow:0 10px 24px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.rx-card.rx-mobile-legends{background:radial-gradient(circle at 30% 20%,#7c3aed,transparent 60%),linear-gradient(160deg,#312e81,#0b1030)}
.rx-card.rx-free-fire{background:radial-gradient(circle at 70% 25%,#f97316,transparent 58%),linear-gradient(160deg,#7c2d12,#1a0f1f)}
.rx-card.rx-roblox{background:radial-gradient(circle at 30% 25%,#0ea5e9,transparent 58%),linear-gradient(160deg,#134e4a,#0b1224)}
.rx-card.has-card-bg{background:var(--card-bg) center/cover no-repeat,#0b0f26}
.rx-card::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(7,9,26,0) 38%,rgba(7,9,26,.55) 66%,rgba(7,9,26,.94) 100%)}
.rx-card:hover,.rx-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.45),0 0 0 1px rgba(167,139,250,.5);border-color:rgba(167,139,250,.55)}
.rx-fallback{position:absolute;inset:0 0 30% 0;display:grid;place-items:center;opacity:.9}.rx-fallback svg{width:42%;height:auto;max-width:96px}
.rx-price{position:absolute;top:10px;left:10px;z-index:1;padding:4px 10px;border-radius:999px;background:rgba(7,9,26,.72);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:700;backdrop-filter:blur(6px)}
.rx-card-txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:14px 14px 13px;text-shadow:0 2px 8px rgba(0,0,0,.85)}
.rx-card-txt b{display:block;font-size:17px;line-height:1.2;font-weight:800;color:#fff;white-space:normal;overflow-wrap:anywhere}
.rx-card-txt small{display:block;margin-top:3px;font-size:13px;color:#c3c7e4}
.rx-extra{margin:14px 2px 0;font-size:14px}.rx-extra a{color:#e9d5ff}
.rx-legal{margin:6px 4px 14px}
@media (max-width:900px){.rx-hero{grid-template-columns:1fr;padding:26px 18px;gap:24px}.rx-hero.has-bg{background:linear-gradient(180deg,rgba(7,9,26,.88),rgba(7,9,26,.96)),var(--hero-bg) center/cover no-repeat,#07091a}}
@media (max-width:560px){.rx-trust{grid-template-columns:1fr}.rx-catalog{padding:14px}.rx-grid{gap:12px}.rx-card-txt{padding:10px}.rx-card-txt b{font-size:15px}.rx-card-txt small{font-size:12px}.rx-hero{border-radius:18px;margin-top:10px}}
.card-meta-form{display:grid;gap:6px;margin-top:8px}.card-meta-form .field{margin:0}
.rx-cat-head>span{white-space:nowrap}
@media (max-width:560px){.rx-cat-head{letter-spacing:.08em;font-size:11.5px;margin-bottom:12px}.rx-price{top:8px;left:8px;padding:3px 8px;font-size:11px}.rx-fallback{inset:18% 0 46% 0}.rx-fallback svg{width:34%}.rx-trust li{padding:10px}}
/* Home: sección "Recargas" (mismas tarjetas que el Catálogo destacado de /recargas) */
.rh{--ink:#f5f6ff;--muted:#b9bfe6;color:var(--ink);position:relative;margin:22px 0 26px;padding:28px;border-radius:24px;overflow:hidden;background:radial-gradient(900px 420px at 0% 0%,rgba(124,58,237,.38),transparent 60%),radial-gradient(700px 380px at 100% 100%,rgba(236,72,153,.2),transparent 60%),linear-gradient(160deg,#151036,#07091a);border:1px solid rgba(167,139,250,.22);box-shadow:0 18px 50px rgba(17,12,52,.28)}
.rh-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.rh-title{margin:12px 0 6px;font-size:clamp(26px,3.2vw,38px);line-height:1.08;font-weight:900;letter-spacing:-.02em;color:#fff;-webkit-text-fill-color:#fff;background:none}
.rh-title em{font-style:italic;padding-right:.08em;background:linear-gradient(90deg,#fb923c,#f472b6 45%,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f472b6}
.rh-sub{margin:0;color:var(--muted);font-size:15.5px;max-width:620px}
.rh-all{flex:0 0 auto;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff!important;font-weight:700;font-size:14px;text-decoration:none!important;white-space:nowrap}
.rh-all:hover{background:rgba(167,139,250,.22);border-color:rgba(167,139,250,.6)}
.rh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rh-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rh-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.45);border-color:rgba(167,139,250,.55)}
.rh-card .rh-media{aspect-ratio:16/11;border-radius:0;border:0;transform:none!important;box-shadow:none!important}
.rh-card .rh-media .rx-card-txt b{font-size:19px}
.rh-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:14px 16px 16px}
.rh-desc{margin:0;color:var(--muted);font-size:13.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rh-cta{display:flex;align-items:stretch;gap:8px;margin-top:auto}
.rh-cta .btn{flex:1 1 auto;justify-content:center;text-align:center;white-space:nowrap}
.rh-link{display:inline-flex;align-items:center;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#f3e8ff!important;font-weight:700;font-size:13.5px;text-decoration:none!important;white-space:nowrap}.rh-link:hover{background:rgba(167,139,250,.22);border-color:rgba(167,139,250,.6)}
@media (max-width:980px){.rh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rh{padding:18px 14px;border-radius:18px;margin:14px 0 20px}.rh-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.rh-grid{grid-template-columns:1fr;gap:14px}.rh-desc{white-space:normal}.rh-card .rh-media{aspect-ratio:16/9}}
@media (max-width:480px){.rh-cta{flex-wrap:wrap}.rh-cta .btn{flex:1 1 100%}.rh-link{flex:1 1 100%;justify-content:center;padding:10px 12px}}
/* Tema de temporada (Halloween) de la sección Recargas (home) y del hero de /recargas: dibujos propios en SVG/CSS */
.rh>*:not(.hw-decor),.rx-hero>*:not(.hw-decor){position:relative;z-index:1}
.rh.has-sec-bg{background:linear-gradient(180deg,rgba(10,6,24,.78),rgba(10,6,24,.9)),var(--sec-bg) center/cover no-repeat,#0a0618}
.rh.theme-halloween{background:radial-gradient(circle at 88% 12%,rgba(255,236,179,.22) 0,rgba(255,200,120,.08) 110px,transparent 230px),radial-gradient(ellipse 70% 45% at 50% 115%,rgba(249,115,22,.24),transparent 70%),radial-gradient(700px 380px at 0% 0%,rgba(124,58,237,.32),transparent 60%),linear-gradient(180deg,#1b0f3d 0%,#130a2c 55%,#0b0619 100%);border-color:rgba(251,146,60,.28);padding-bottom:46px}
.rh.theme-halloween.has-sec-bg{background:radial-gradient(circle at 88% 12%,rgba(255,236,179,.2) 0,transparent 200px),linear-gradient(180deg,rgba(18,8,40,.8),rgba(11,6,25,.92)),var(--sec-bg) center/cover no-repeat,#0b0619}
.rx-hero.theme-halloween{background:radial-gradient(circle at 92% 10%,rgba(255,236,179,.2) 0,rgba(255,200,120,.07) 110px,transparent 230px),radial-gradient(ellipse 70% 45% at 30% 118%,rgba(249,115,22,.22),transparent 70%),linear-gradient(180deg,#1b0f3d,#0b0619)}
.rx-hero.has-bg.theme-halloween{background:radial-gradient(circle at 92% 10%,rgba(255,236,179,.2) 0,transparent 200px),linear-gradient(90deg,rgba(18,8,40,.95) 0%,rgba(18,8,40,.86) 50%,rgba(18,8,40,.76) 100%),var(--hero-bg) center/cover no-repeat,#0b0619}
.hw-decor{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hw-decor::before{content:"";position:absolute;inset:0;opacity:.7;background:radial-gradient(1.5px 1.5px at 12% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 10%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 46% 18%,#fde68a 50%,transparent 51%),radial-gradient(1px 1px at 62% 8%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 74% 26%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 58% 32%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 36% 30%,#c4b5fd 50%,transparent 51%),radial-gradient(1px 1px at 96% 36%,#fff 50%,transparent 51%)}
.hw-moon{position:absolute;top:18px;right:30px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 36% 34%,#fff8e1,#fde68a 55%,#f5c66b);box-shadow:0 0 44px 12px rgba(253,230,138,.36);opacity:.92}
.hw-web{position:absolute;top:0;left:0;width:130px;height:130px;color:rgba(226,232,255,.26)}
.hw-spider{position:absolute;top:0;left:92px;width:2px;height:58px;background:linear-gradient(rgba(226,232,255,.35),rgba(226,232,255,.2))}.hw-spider::after{content:"";position:absolute;bottom:-8px;left:-6px;width:14px;height:12px;border-radius:50%;background:#0c0719;box-shadow:0 0 0 1px rgba(196,181,253,.5)}
.hw-bat{position:absolute;fill:#0c0719;opacity:.95;filter:drop-shadow(0 0 2px rgba(196,181,253,.75))}
.hw-bat.b1{top:40px;right:62px;width:40px;height:20px}.hw-bat.b2{top:92px;right:128px;width:28px;height:14px}.hw-bat.b3{top:22px;right:170px;width:22px;height:11px;opacity:.8}
.hw-pumpkin{position:absolute;bottom:4px;width:58px;height:50px;opacity:.9;filter:drop-shadow(0 0 10px rgba(249,115,22,.45))}
.hw-pumpkin.p1{left:24px}.hw-pumpkin.p2{left:80px;width:42px;height:36px;bottom:6px}
.rx-hero .hw-moon{right:auto;left:46%;top:22px}.rx-hero .hw-bat.b1{right:auto;left:40%;top:52px}.rx-hero .hw-bat.b2{right:auto;left:52%;top:104px}.rx-hero .hw-bat.b3{right:auto;left:36%;top:26px}.rx-hero .hw-pumpkin.p1{left:40px}.rx-hero .hw-pumpkin.p2{left:96px}
@media (prefers-reduced-motion:no-preference){.hw-bat{animation:hw-fly 6s ease-in-out infinite}.hw-bat.b2{animation-duration:7.5s;animation-delay:-2s}.hw-bat.b3{animation-duration:9s;animation-delay:-4s}.hw-moon{animation:hw-glow 5s ease-in-out infinite}}
@keyframes hw-fly{0%,100%{transform:translate(0,0) scaleY(1)}25%{transform:translate(-6px,-4px) scaleY(.7)}50%{transform:translate(-10px,2px) scaleY(1)}75%{transform:translate(-4px,5px) scaleY(.75)}}
@keyframes hw-glow{0%,100%{box-shadow:0 0 30px 6px rgba(253,230,138,.28)}50%{box-shadow:0 0 42px 12px rgba(253,230,138,.4)}}
@media (max-width:900px){.rx-hero .hw-moon{left:auto;right:18px}.rx-hero .hw-bat.b1{left:auto;right:84px}.rx-hero .hw-bat.b2{left:auto;right:40px}.rx-hero .hw-bat.b3{left:auto;right:130px}}
@media (max-width:640px){.hw-moon,.rx-hero .hw-moon{width:48px;height:48px;top:12px;right:14px}.hw-web{width:84px;height:84px}.hw-spider{left:62px;height:40px}.hw-bat.b1,.rx-hero .hw-bat.b1{right:70px;top:18px;width:30px;height:15px}.hw-bat.b2,.rx-hero .hw-bat.b2{right:28px;top:68px;width:22px;height:11px}.hw-bat.b3,.rx-hero .hw-bat.b3{right:112px;top:8px}.rh.theme-halloween{padding-bottom:44px}.hw-pumpkin{width:44px;height:38px}.hw-pumpkin.p2{left:68px;width:34px;height:30px}}
/* @@NIGHT-AUTO-START */
/* Tema NOCHE · generado por scripts/night-theme-gen.py a partir del tema claro (no editar a mano) */
body{background:radial-gradient(900px 520px at 105% -5%,rgba(192,38,211,.13),transparent 60%),radial-gradient(800px 520px at -10% 25%,rgba(34,211,238,.13),transparent 60%),radial-gradient(900px 600px at 50% 115%,rgba(251,146,60,.12),transparent 60%),linear-gradient(180deg,#16102f,#161132)}
a{color:#be9fee}
.link{color:#be9fee}
.btn.ghost{background:linear-gradient(180deg,#18102b,#161030);color:#bab0e7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px -8px rgba(60,40,140,.3)}
.btn.ghost:hover{background:#18102b}
.btn.danger{background:#311013;color:#f69eb3!important}
.btn.danger:hover{background:#351214}
.row-btn{background:linear-gradient(180deg,#18102b,#171031);color:#c4a9ee;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px -8px rgba(60,40,140,.35)}
.poster-media{background:#181237}
.card{background:linear-gradient(145deg,rgba(26,16,56,0.92),rgba(26,16,56,0.82));border:1px solid rgba(167,139,250,.22);outline:1px solid rgba(167,139,250,.22)}
.panel{background:linear-gradient(180deg,#18102b,#180f2e)}
.panel::after{border-top-color:rgba(167,139,250,.22)}
.field span,.lbl{color:#bcbfe0}
input,textarea,select,.product-form textarea,.product-form select,.stock-grid textarea{background:#18102b}
input::placeholder,textarea::placeholder{color:#bcbed1}
input:focus,textarea:focus,select:focus{background:#18102b}
input:disabled{background:#171132;color:#bcbed1}
.code{background:#140f2e}
.meter{background:#181237}
.errors{background:#311013;color:#f5a3b9;border-color:#67222b}
.flash.ok{background:#113323;color:#a7f9e2}
.flash.warn{background:#332c11;color:#f6c3a3}
.flash.err{background:#311013;color:#f5a3b9;border-color:#67222b}
.badge{background:linear-gradient(180deg,#18102b,#181134);color:#c4a9ee;border:1px solid #2e2265;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px -4px rgba(76,29,149,.35)}
.chip{background:linear-gradient(180deg,#18102b,#181133);color:#c1a4ef;border:1px solid #2e2265;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.chip.ok{background:linear-gradient(180deg,#18102b,#143d28);color:#a7f9e2}
.chip.warn{background:linear-gradient(180deg,#18102b,#3f3715);color:#f6c3a3}
.chip.err{background:linear-gradient(180deg,#18102b,#351214);color:#f5a3b9;border-color:#67222b}
.chip.auto{background:linear-gradient(180deg,#3a3213,#fde68a);color:#f2ccab}
.slot-chip{background:#111733;color:#bdc0d9}
.benefits{background:radial-gradient(400px 160px at 100% 0%,rgba(103,232,249,.25),transparent 70%),linear-gradient(135deg,#151030,#2a1030);border-color:#2e2265}
.ticks li{background:rgba(26,16,56,0.80)}
.disabled{background:repeating-linear-gradient(45deg,#14102f,#14102f 12px,#171133 12px,#171133 24px)}
.tab{background:linear-gradient(180deg,#18102b,#151030);color:#bab0e7;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px -6px rgba(60,40,140,.35)}
.thumb,.thumb.has-img{background:#171235}
.item:hover,.item:focus-within{border-color:#332556}
.slot{background:repeating-linear-gradient(45deg,rgba(26,16,56,0.75),rgba(26,16,56,0.75) 12px,rgba(26,16,56,0.75) 12px,rgba(26,16,56,0.75) 24px);border:1px dashed #30246c}
.grid .slot-thumb{background:radial-gradient(120% 90% at 50% 0%,rgba(192,38,211,.18),transparent 60%),radial-gradient(90% 90% at 100% 100%,rgba(34,211,238,.18),transparent 60%),#161030}
.slot-soon{color:#bdc0d9}
.film-strip{background:repeating-linear-gradient(90deg,transparent 0 6px,#151030 6px 16px,transparent 16px 22px) 0 3px/100% 5px no-repeat,repeating-linear-gradient(90deg,transparent 0 6px,#151030 6px 16px,transparent 16px 22px) 0 14px/100% 5px no-repeat,linear-gradient(90deg,#1e2347,#4c2a7a 50%,#1e2347)}
.pack,.prov{background:linear-gradient(180deg,#18102b,#140f2e)}
.pack.on,.prov.on,.pack:has(>input:checked),.prov:has(>input:checked){background:radial-gradient(160px 80px at 100% 0%,rgba(103,232,249,.3),transparent 70%),linear-gradient(135deg,#311022,#151030)}
.prov em{background:#181134;color:#c4a9ee}
.total-box{background:linear-gradient(135deg,#140f2e,#2a1030)}
.demo-tag{background:#3f3715;color:#f6d0a5}
code,code.masked{background:#151132;color:#c4a9ee}
.delivery-box{background:radial-gradient(300px 140px at 100% 0%,rgba(103,232,249,.28),transparent 70%),linear-gradient(135deg,#151030,#2a1030)}
.delivery-box .lbl{color:#be9fee}
.seg label:has(input:checked){background:#181134;color:#c4a9ee}
.equiv{color:#be9fee}
.img-preview{background:#141030}
.img-preview.empty{color:#bcbed1}
.pthumb img,.noimg{background:#181134}
.panel h1::first-letter,.card h2::first-letter,.h2::first-letter,.row-head h2::first-letter,.cat-section h2::first-letter,main>.wrap>h1::first-letter,main>h1::first-letter,.cat-head h1::first-letter,.profile-head h1::first-letter{-webkit-text-fill-color:#be9fee;color:#be9fee}
html{background:#171031}
.code-tag{background:#181132;color:#c4a9ee}
.chips-row span,.chips-row .pill-opt{background:#18102b;color:#bab0e7}
.kpi{background:linear-gradient(180deg,#18102b,#180f2e)}
.chart .ax line{stroke:#2f2164}
.chart text{fill:#bdbfd0}
.chart .bv{fill:#bab0e7}
.coupon-box{background:linear-gradient(135deg,#20102f,#113132)}
.savings{background:linear-gradient(120deg,#113323,#102431);color:#a7f9e2}
.coupon-mini summary{color:#be9fee}
.referral{background:radial-gradient(120% 140% at 0 0,rgba(192,38,211,.10),transparent 60%),linear-gradient(180deg,#18102b,#180f2e)}
.privacy{background:#102431;border:1px solid #24536c}
.privacy summary{color:#a3e4f6}
.id-photo{background:#18102b}
.legal p,.legal li{color:#bdbfdf}
.legal-draft{background:#332c11;color:#f4c4a8}
mark.ph{background:#3f3715;color:#f6c3a3}
.channel{background:#18102b}
.channel.on{background:#11321b}
.switch::before{background:#1e193d}
.switch::after{background:#18102b}
.confirm-box{background:radial-gradient(120% 120% at 50% 0,rgba(192,38,211,.12),transparent 60%),#18102b}
.feed-ico{background:linear-gradient(135deg,#151030,#113132)}
.gift-box{background:linear-gradient(120deg,#2a1030,#113132);border:1px solid #592267}
.gift-box.pending{background:#332c11}
.group-card{background:linear-gradient(180deg,#18102b,#180f2e)}
.g-ava{background:linear-gradient(135deg,#181134,#2c1134 55%,#14393d);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px -8px rgba(124,58,237,.5)}
.g-pool{background:#151030;color:#be9fee}
.group-hero{background:radial-gradient(100% 140% at 0 0,rgba(192,38,211,.14),transparent 60%),radial-gradient(100% 140% at 100% 100%,rgba(14,116,144,.14),transparent 60%),#18102b}
.chip.role-admin{background:#181134;color:#c1a4ef}
.chip.role-member{background:#14222f;color:#c2ccda;border-color:#2e4159}
.danger-zone{background:linear-gradient(180deg,#18102b,#311013);border:1px solid #67222b}
.channel code{background:#181132;color:#c4a9ee}
.suggest{background:#18102b}
.suggest .sg{color:#bdc0e4!important}
.suggest .sg small{color:#be9fee}
.suggest .sg:hover,.suggest .sg.on{background:#191031}
.suggest .sg.all{color:#be9fee!important}
.suggest .sg-empty{color:#bdc0d5}
.heart{background:rgba(26,16,56,0.85);border:1px solid rgba(167,139,250,.22);color:#f3a0c2}
.stars i.on{color:#f9d494}
.item-link:hover{color:#be9fee!important}
.filters .field span{color:#bdc0d5!important}
.qbtn{background:#18102b;color:#be9fee}
.dist .bar{background:#171235}
.review-form{background:linear-gradient(180deg,#18102b,#1b102f)}
.star-pick input:checked~label,.star-pick label:hover,.star-pick label:hover~label{color:#f9d494}
.lvl-progress{background:#171235}
.lvl-col{background:#18102b}
.auto-card{background:linear-gradient(180deg,#18102b,#180f2e)}
.tpl{background:#18102b}
.filters .btn.ghost{background:#18102b;color:#c4a9ee!important;border:1px solid #2e2265}
.filters .btn.ghost:hover{background:#151030}
.tier-epica b{color:#fac59c}
.tier-especial b{color:#f3a0c2}
.tier-elite_estilo b{color:#cba0ef}
.tier-elite b{color:#9db3f2}
.tier-normal b{color:#a8f4ee}
.tier-vip_mensual b{color:#a3fae1}
.img-cell .noimg{background:linear-gradient(135deg,#181134,#122837)}
.ff-lookup.ok{color:var(--ok, #ade7c4)}
.ff-lookup.warn{color:var(--warn, #fadc9b)}
.prov.prov-rec b{color:#aaf1c4}
.pack .rb-stock{color:#aaf1c4}
.pack .rb-stock.rb-nostock{color:#f1a2a2}
/* support.css */
body.cine .sp-dot{border:2px solid #332556}
body.cine .sp-panel{background:#18102b;border:1px solid var(--line,#38285e)}
body.cine .sp-msgs{background:#10102f}
body.cine .sp-assistant{background:#18102b;border:1px solid var(--line,#38285e);color:var(--ink,#becae8)}
body.cine .sp-quick{background:#10102f}
body.cine .sp-chip{background:#18102b;border:1px solid #233169;color:#aba6e7}
body.cine .sp-chip:hover{background:#111832}
body.cine .sp-form{border-top:1px solid var(--line,#38285e)}
body.cine .sp-form textarea{background:#0f0f2e;border:1px solid var(--line,#38285e)}
body.cine .sp-esc{background:#332c11;border-top:1px solid var(--line,#38285e)}
body.cine .sp-foot{color:var(--muted,#bfc6d1)}
body.cine .sp-ava{background:#18102b}
body.cine .sp-assistant::before{background:#18102b url(/mascota/plamti-avatar.svg) center/26px no-repeat;border:1px solid var(--line,#38285e)}
body.cine .sp-panel{background:rgba(26,16,56,0.92);border-color:#2b2265}
body.cine .sp-msgs,body.cine .sp-quick{background:linear-gradient(180deg,#140f2e,#151031)}
body.cine .sp-assistant{background:#18102b;border-color:#2b2265;color:#bdc0e4}
body.cine .sp-chip{background:#18102b;color:#c1a4ef}
body.cine .sp-chip:hover{background:#151030}
body.cine .sp-foot{color:#bdc0d5}
body.cine .sp-link{color:#be9fee}
/* mascota.css */
body.cine .plamti-say{background:#18102b;color:#becae8;border:1px solid #2a2265}
body.cine .plamti-say::after{border-right:1px solid #2a2265;border-bottom:1px solid #2a2265}
body.cine .plamti-say b.who{color:#be9fee}
body.cine .plamti-say.celebrar{background:#20102f}
body.cine .plamti-say.tip{background:#102d31}
body.cine .plamti-x{background:#161132;color:#c4a9ee}
body.cine .plamti-x:hover{background:#1b1339}
body.cine .plamti-empty{background:#140f2e}
body.cine .home-plamti img{background:#161132}
body.cine .plamti-say{background:linear-gradient(145deg,rgba(26,16,56,0.92),rgba(26,16,56,0.92));color:#bdc0e4;border-color:#2e2265;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px -4px rgba(76,60,160,.18),0 22px 44px -18px rgba(124,58,237,.38)}
body.cine .plamti-say::after{border-color:#2e2265}
body.cine .plamti-say a{color:#be9fee}
body.cine .plamti-say.celebrar{background:linear-gradient(145deg,#18102b,#311022)}
body.cine .plamti-say.tip{background:linear-gradient(145deg,#18102b,#113132)}
body.cine .plamti-x{background:#181134;color:#c4a9ee}
body.cine .plamti-x:hover{background:#1a133a}
body.cine .plamti-empty{background:linear-gradient(145deg,#18102b,#151030)}
body.cine .home-plamti{background:radial-gradient(500px 220px at 0% 50%,rgba(236,72,153,.16),transparent 70%),radial-gradient(600px 260px at 100% 0%,rgba(34,211,238,.16),transparent 70%),linear-gradient(145deg,#18102b,#151030)}
/* @@NIGHT-AUTO-END */
/* @@NIGHT-POLISH */
/* =====================================================================
   Tema NOCHE (violeta noche, a juego con el panel Recargas): variables oscuras + pulido a mano.
   Va después del bloque generado. Decoración de temporada: body.theme-halloween (toggle /admin/recargas#tema).
   ===================================================================== */
:root{color-scheme:dark;--bg:#0d0820;--bg2:#150d30;--card:#171033;--card2:#1d1440;--ink:#f1eeff;--muted:#b9b3dd;--line:rgba(167,139,250,.18);--line2:rgba(167,139,250,.32);
--p1:#8b5cf6;--p2:#818cf8;--p3:#22d3ee;--red:#fb7185;--gold:#fcd34d;--ok:#34d399;--warn:#fbbf24;--err:#fb7185;
--night1:#1a1140;--night2:#2a1a5c;
--grad:linear-gradient(120deg,#7c3aed,#c026d3 50%,#0e7490);
--grad-head:linear-gradient(110deg,#fdba74,#fb923c 22%,#f472b6 55%,#a78bfa 85%);
--glass:linear-gradient(160deg,rgba(36,24,78,.72),rgba(19,12,44,.78));
--shadow:inset 0 1px 0 rgba(255,255,255,.05),0 1px 2px rgba(0,0,0,.4),0 18px 40px -22px rgba(0,0,0,.75),0 30px 60px -34px rgba(124,58,237,.45);
--glow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(167,139,250,.5),0 18px 40px -16px rgba(124,58,237,.55),0 28px 60px -30px rgba(249,115,22,.35)}
html{background:#0b0619}
body.cine{color:var(--ink);background:radial-gradient(1100px 620px at 100% -8%,rgba(124,58,237,.30),transparent 62%),radial-gradient(900px 560px at -12% 30%,rgba(192,38,211,.16),transparent 62%),radial-gradient(1000px 700px at 50% 108%,rgba(249,115,22,.14),transparent 62%),linear-gradient(180deg,#140b30 0%,#0e0824 45%,#0b0619 100%);background-attachment:scroll;min-height:100vh}
a{color:#c4b5fd}.link{color:#c4b5fd}a:hover{color:#fdba74}
h3,h4{color:var(--ink)}.muted,small.muted,.small.muted{color:var(--muted)}
.filters{--ink:#f1eeff;--muted:#b9b3dd}
/* Títulos con acento naranja→violeta */
.panel h1,.card h2,.h2,.row-head h2,.cat-section h2,main>.wrap>h1,main>h1,.cat-head h1,.profile-head h1,.stat b,.big-num,.group-hero h1,.product-info h1,.review-summary .avg b{background:var(--grad-head);-webkit-background-clip:text;background-clip:text;color:transparent}
.panel h1::first-letter,.card h2::first-letter,.h2::first-letter,.row-head h2::first-letter,.cat-section h2::first-letter,main>.wrap>h1::first-letter,main>h1::first-letter,.cat-head h1::first-letter,.profile-head h1::first-letter{-webkit-text-fill-color:#fdba74;color:#fdba74}
.row-head h2,.cat-section h2{position:relative;padding-bottom:6px}
.row-head h2::after,.cat-section h2::after{content:"";position:absolute;left:0;bottom:0;width:54px;height:3px;border-radius:3px;background:linear-gradient(90deg,#fb923c,#a78bfa);opacity:.9}
/* Tarjetas y paneles de vidrio oscuro */
.card,.panel{outline:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.kpi,.group-card,.auto-card,.review-form,.lvl-col,.tpl{background:var(--glass);border-color:var(--line)}
.card:hover{border-color:rgba(167,139,250,.3)}
.features .card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.features .card:hover{transform:translateY(-3px);box-shadow:var(--glow)}
.features .card p,.card p{color:var(--muted)}.card b,.card strong{color:var(--ink)}
/* Pósters / filas ("🔥 Lo más pedido", etc.) */
.poster-media{background:#140d30;box-shadow:0 0 0 1px rgba(167,139,250,.16)}
.poster:hover .poster-media,.poster:focus-within .poster-media{box-shadow:0 0 0 1px rgba(251,146,60,.55),0 18px 36px -14px rgba(249,115,22,.4),0 24px 50px -24px rgba(124,58,237,.6)}
.poster-title,.poster b{color:var(--ink)}
.row-btn{background:rgba(255,255,255,.05);color:#e9e5ff;border:1px solid var(--line2);box-shadow:0 6px 14px -8px rgba(0,0,0,.6)}
.row-btn:hover{border-color:#fb923c;color:#fff;background:rgba(251,146,60,.12)}
/* Botones */
.btn.ghost{background:rgba(255,255,255,.05);color:#ece8ff!important;border:1px solid var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 14px -8px rgba(0,0,0,.6)}
.btn.ghost:hover{background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.6);color:#fff!important}
.btn:not(.ghost):not(.danger):hover{box-shadow:0 10px 26px -10px rgba(236,72,153,.6),0 0 0 1px rgba(255,255,255,.12) inset}
.btn.danger{background:rgba(251,113,133,.1);color:#fecdd3!important;border:1px solid rgba(251,113,133,.45)}
.btn.danger:hover{background:rgba(251,113,133,.18)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fb923c;outline-offset:2px}
/* Formularios */
input,textarea,select,.product-form textarea,.product-form select,.stock-grid textarea{background:rgba(9,5,24,.65);color:var(--ink);border:1px solid rgba(167,139,250,.28)}
input:focus,textarea:focus,select:focus{background:rgba(9,5,24,.8);border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.22)}
input::placeholder,textarea::placeholder{color:#8e88b6}
input:disabled{background:rgba(255,255,255,.04);color:#9a94c2}
input[type=date],input[type=time],.cine-head input[type=date]{color-scheme:dark}
select option,select optgroup{background:#150d30;color:#f1eeff}
input[type=checkbox],input[type=radio]{accent-color:#a78bfa;background:transparent}
input[type=file]{background:rgba(9,5,24,.5)}
.field span,.lbl{color:#d6d1f3}
/* Tabs, chips, badges */
.tab{background:rgba(255,255,255,.04);color:#ddd6fe;border-color:var(--line2)}
.tab:hover{border-color:rgba(251,146,60,.6)}
.tab.on{background:linear-gradient(120deg,#7c3aed,#c026d3);color:#fff;border-color:transparent}
.badge,.chip{background:rgba(255,255,255,.06);color:#ddd6fe;border:1px solid var(--line2);box-shadow:none}
.chip.ok{background:rgba(52,211,153,.12);color:#a7f3d0;border-color:rgba(52,211,153,.4)}
.chip.warn{background:rgba(251,191,36,.12);color:#fde68a;border-color:rgba(251,191,36,.4)}
.chip.err{background:rgba(251,113,133,.12);color:#fecdd3;border-color:rgba(251,113,133,.4)}
.flash.ok{background:rgba(52,211,153,.1);color:#bbf7d0;border-color:rgba(52,211,153,.4)}
.flash.warn{background:rgba(251,191,36,.1);color:#fde68a;border-color:rgba(251,191,36,.4)}
.flash.err,.errors{background:rgba(251,113,133,.1);color:#fecdd3;border-color:rgba(251,113,133,.4)}
/* Catálogo / producto / pagos */
.item{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.item:hover,.item:focus-within{border-color:rgba(251,146,60,.5);box-shadow:var(--glow)}
.thumb,.thumb.has-img{background:#140d30}
.pack,.prov{background:rgba(255,255,255,.04);border-color:var(--line2)}
.pack:hover,.prov:hover{border-color:rgba(251,146,60,.55)}
.pack.on,.prov.on,.pack:has(>input:checked),.prov:has(>input:checked){background:radial-gradient(180px 90px at 100% 0%,rgba(249,115,22,.22),transparent 70%),linear-gradient(135deg,rgba(124,58,237,.3),rgba(19,12,44,.8));border-color:#fb923c;box-shadow:0 0 0 1px rgba(251,146,60,.45),0 14px 30px -16px rgba(249,115,22,.5)}
.total-box,.delivery-box{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(19,12,44,.85));border-color:var(--line2)}
code,code.masked,.code-tag,.channel code{background:rgba(167,139,250,.14);color:#e9d5ff}
.suggest{background:#150d30;border-color:var(--line2);box-shadow:0 20px 40px -12px rgba(0,0,0,.8)}
.suggest .sg:hover,.suggest .sg.on{background:rgba(167,139,250,.14)}
.qbtn{background:rgba(255,255,255,.06);color:#e9e5ff;border-color:var(--line2)}
table th{color:#ddd6fe}table td,table th{border-color:var(--line)}
tr:hover td{background:rgba(167,139,250,.05)}
hr{border-color:var(--line)}
/* Pie */
.foot{background:linear-gradient(180deg,rgba(11,6,25,0),#07040f 40%);border-top:1px solid rgba(167,139,250,.14)}
.film-strip{opacity:.5}
/* ---------- Halloween en todo el sitio (solo con body.theme-halloween) ---------- */
.hw-site{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body.cine>main,body.cine>.foot{position:relative;z-index:1}
.hw-site::before{content:"";position:absolute;inset:0;opacity:.55;background:radial-gradient(1.4px 1.4px at 8% 14%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 40%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 37% 9%,#fde68a 50%,transparent 51%),radial-gradient(1px 1px at 52% 28%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 67% 12%,#c4b5fd 50%,transparent 51%),radial-gradient(1.4px 1.4px at 81% 33%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 93% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 14% 66%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 44% 58%,#c4b5fd 50%,transparent 51%),radial-gradient(1px 1px at 72% 74%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 88% 60%,#fde68a 50%,transparent 51%),radial-gradient(1px 1px at 30% 86%,#fff 50%,transparent 51%)}
.hw-site::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42vh;background:radial-gradient(ellipse 60% 80% at 50% 110%,rgba(249,115,22,.16),transparent 70%)}
.hw-site .hw-web{position:absolute;top:58px;width:150px;height:150px;color:rgba(226,232,255,.13)}
.hw-site .hw-web.l{left:0}.hw-site .hw-web.r{right:0;transform:scaleX(-1)}
.hw-site .hw-bat{position:absolute;width:30px;height:15px;opacity:.55;fill:#0c0719;filter:drop-shadow(0 0 2px rgba(196,181,253,.6))}
.hw-site .hw-bat.s1{top:22%;left:3%}.hw-site .hw-bat.s2{top:48%;right:2.5%;width:24px;height:12px}.hw-site .hw-bat.s3{top:76%;left:1.6%;width:20px;height:10px;opacity:.45}
.foot .hw-foot{display:flex;justify-content:center;gap:10px;padding:10px 0 0}
.foot .hw-foot .hw-pumpkin{position:static;width:38px;height:33px;filter:drop-shadow(0 0 10px rgba(249,115,22,.55))}.foot .hw-foot .hw-pumpkin.p2{width:28px;height:25px;margin-top:8px}
body.theme-halloween .foot{background:radial-gradient(ellipse 50% 90% at 50% 100%,rgba(249,115,22,.14),transparent 70%),linear-gradient(180deg,rgba(11,6,25,0),#07040f 40%)}
body.theme-halloween .row-head h2::after,body.theme-halloween .cat-section h2::after{background:linear-gradient(90deg,#f97316,#fbbf24 40%,#a78bfa)}
@media (prefers-reduced-motion:no-preference){.hw-site .hw-bat{animation:hw-drift 14s ease-in-out infinite}.hw-site .hw-bat.s2{animation-duration:18s;animation-delay:-5s}.hw-site .hw-bat.s3{animation-duration:22s;animation-delay:-9s}}
@keyframes hw-drift{0%,100%{transform:translate(0,0) scaleY(1)}25%{transform:translate(14px,-10px) scaleY(.7)}50%{transform:translate(26px,4px) scaleY(1)}75%{transform:translate(10px,10px) scaleY(.75)}}
@media (max-width:900px){.hw-site .hw-web{width:90px;height:90px;top:56px}.hw-site .hw-bat{display:none}}
@media print{.hw-site{display:none}}
/* Detalles */
.check.terms{white-space:normal;flex-wrap:wrap;align-items:baseline;gap:4px 6px}
.check.terms a{text-decoration:underline;text-underline-offset:2px}
.meter,.dist .bar,.lvl-progress{background:rgba(255,255,255,.09)}

/* =====================================================================
   Halloween animado · estilo anime (solo con el tema Halloween de /admin/recargas#tema).
   Dibujos propios (brujita chibi, fantasmita, destellos, líneas de velocidad, niebla, brasas).
   Rendimiento: solo se animan transform y opacity; todo es aria-hidden y pointer-events:none.
   Sin prefers-reduced-motion:no-preference queda estático (sin animaciones).
   ===================================================================== */
.hw-aura{position:absolute;inset:-20%;opacity:.55;background:radial-gradient(40% 45% at 72% 30%,rgba(168,85,247,.32),transparent 70%),radial-gradient(35% 40% at 20% 85%,rgba(249,115,22,.22),transparent 70%)}
.hw-speed{position:absolute;left:0;top:18%;width:58%;height:62%;color:#fff;opacity:.07}.rh .hw-speed{display:none}
.hw-fog{position:absolute;left:0;bottom:-6%;width:200%;height:46%;opacity:.5;background:radial-gradient(18% 50% at 10% 70%,rgba(221,214,254,.16),transparent 70%),radial-gradient(22% 45% at 34% 80%,rgba(196,181,253,.13),transparent 70%),radial-gradient(18% 50% at 60% 70%,rgba(221,214,254,.16),transparent 70%),radial-gradient(22% 45% at 84% 80%,rgba(196,181,253,.13),transparent 70%)}
.hw-fog.f2,.hw-fog.g2{bottom:-12%;height:38%;opacity:.38}
.hw-embers{position:absolute;inset:0}
.hw-embers i{position:absolute;bottom:-6px;width:5px;height:5px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff7c2 0,#fb923c 45%,rgba(249,115,22,0) 72%)}
.hw-embers i:nth-child(1){left:6%}.hw-embers i:nth-child(2){left:14%;width:4px;height:4px}.hw-embers i:nth-child(3){left:23%}.hw-embers i:nth-child(4){left:31%;width:3px;height:3px}
.hw-embers i:nth-child(5){left:42%}.hw-embers i:nth-child(6){left:50%;width:4px;height:4px}.hw-embers i:nth-child(7){left:58%}.hw-embers i:nth-child(8){left:66%;width:3px;height:3px}
.hw-embers i:nth-child(9){left:74%}.hw-embers i:nth-child(10){left:82%;width:4px;height:4px}.hw-embers i:nth-child(11){left:89%}.hw-embers i:nth-child(12){left:95%;width:3px;height:3px}
.hw-spark{position:absolute;width:14px;height:14px;fill:#fde68a;opacity:.85;filter:drop-shadow(0 0 4px rgba(253,230,138,.9))}
.hw-spark.k1{top:16%;left:30%}.hw-spark.k2{top:60%;left:62%;width:10px;height:10px;fill:#f0abfc}.hw-spark.k3{top:30%;right:8%;width:11px;height:11px}.hw-spark.k4{top:78%;right:24%;width:9px;height:9px;fill:#c4b5fd}
.hw-ghost{position:absolute;width:52px;height:60px;opacity:.9;filter:drop-shadow(0 0 12px rgba(221,214,254,.55))}
.hw-decor .hw-ghost.g1{right:22%;bottom:18%}
.hw-witch{position:absolute;width:112px;height:94px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45)) drop-shadow(0 0 10px rgba(168,85,247,.35))}
.hw-decor .hw-witch.w1{right:5%;bottom:30%}
.hw-shine{position:absolute;top:-30%;bottom:-30%;left:0;width:22%;opacity:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.09) 45%,rgba(253,186,116,.12) 55%,transparent);transform:translateX(-140%) skewX(-12deg)}
.hw-pumpkin .hw-flame{opacity:.55}
.rx-hero .hw-decor .hw-ghost.g1{right:auto;left:44%;bottom:12%;width:40px;height:46px}.rx-hero .hw-decor .hw-witch.w1{right:auto;left:31%;bottom:auto;top:14px;width:84px;height:70px}.rx-hero .hw-speed{width:40%}
/* Capa fija del sitio: niebla abajo, brasas, brujita que cruza y fantasmita al costado (muy sutiles) */
.hw-site .hw-fog{height:30vh;opacity:.3}.hw-site .hw-fog.g2{opacity:.22}
.hw-site .hw-embers i{opacity:0}
.hw-site .hw-witch.w2{top:16vh;left:0;width:76px;height:64px;opacity:0}
.hw-site .hw-ghost.g2{right:1.2%;top:62vh;width:34px;height:40px;opacity:.38}
/* Brillo al pasar el mouse por tarjetas (todo el sitio con Halloween) */
body.theme-halloween .rx-card::before,body.theme-halloween .rh-card::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease;box-shadow:0 0 0 1px rgba(251,146,60,.75),0 0 28px 2px rgba(249,115,22,.42),inset 0 0 26px rgba(168,85,247,.38)}
body.theme-halloween .rh-card{position:relative}
body.theme-halloween .rx-card:hover::before,body.theme-halloween .rx-card:focus-visible::before,body.theme-halloween .rh-card:hover::before,body.theme-halloween .rh-card:focus-within::before{opacity:1}
body.theme-halloween .rx-card:hover,body.theme-halloween .rx-card:focus-visible{border-color:rgba(251,146,60,.7)}
body.theme-halloween .pack:hover,body.theme-halloween .prov:hover{border-color:rgba(251,146,60,.75);transform:translateY(-2px)}
body.theme-halloween .pack,body.theme-halloween .prov{transition:transform .18s ease,border-color .18s ease}
.rx-fallback svg{transition:transform .35s cubic-bezier(.2,.9,.3,1.3)}
body.theme-halloween .rx-card:hover .rx-fallback svg,body.theme-halloween .rx-card:focus-visible .rx-fallback svg{transform:translateY(-6px) rotate(-5deg) scale(1.08)}
@media (prefers-reduced-motion:no-preference){
.hw-aura{animation:hw-aura 9s ease-in-out infinite alternate}
.hw-speed{animation:hw-speed 1.6s steps(4) infinite}
.hw-fog{animation:hw-fog 38s linear infinite}.hw-fog.f2,.hw-fog.g2{animation-duration:56s;animation-direction:reverse}
.hw-embers i{animation:hw-rise 7s linear infinite}
.hw-embers i:nth-child(2){animation-delay:-1.2s;animation-duration:8.5s}.hw-embers i:nth-child(3){animation-delay:-3.4s}.hw-embers i:nth-child(4){animation-delay:-5.1s;animation-duration:9s}
.hw-embers i:nth-child(5){animation-delay:-2.2s;animation-duration:6.4s}.hw-embers i:nth-child(6){animation-delay:-4.4s}.hw-embers i:nth-child(7){animation-delay:-.6s;animation-duration:8s}.hw-embers i:nth-child(8){animation-delay:-6.2s}
.hw-embers i:nth-child(9){animation-delay:-2.8s;animation-duration:7.6s}.hw-embers i:nth-child(10){animation-delay:-5.6s}.hw-embers i:nth-child(11){animation-delay:-1.8s;animation-duration:9.4s}.hw-embers i:nth-child(12){animation-delay:-3.9s}
.hw-site .hw-embers i{animation-duration:14s}
.hw-spark{animation:hw-twinkle 2.8s ease-in-out infinite}.hw-spark.k2{animation-delay:-.9s}.hw-spark.k3{animation-delay:-1.7s;animation-duration:3.4s}.hw-spark.k4{animation-delay:-2.3s}
.hw-ghost{animation:hw-ghost 4.6s ease-in-out infinite}
.hw-decor .hw-witch.w1{animation:hw-hover 3.8s ease-in-out infinite}
.hw-site .hw-witch.w2{animation:hw-cross 30s linear infinite;animation-delay:4s}
.hw-shine{animation:hw-shine 7s ease-in-out infinite;animation-delay:1.5s}
.hw-pumpkin{transform-origin:50% 100%;animation:hw-sway 5s ease-in-out infinite}.hw-pumpkin.p2{animation-delay:-2.4s}
.hw-pumpkin .hw-flame{animation:hw-flicker 2.3s steps(1,end) infinite}.hw-pumpkin.p2 .hw-flame{animation-duration:1.9s;animation-delay:-.7s}
.rx-hero.theme-halloween .rx-left>*,.rh.theme-halloween>*:not(.hw-decor){animation:slide-in .6s cubic-bezier(.2,.8,.2,1) both}
.rx-hero.theme-halloween .rx-left>*:nth-child(2){animation-delay:.08s}.rx-hero.theme-halloween .rx-left>*:nth-child(3){animation-delay:.16s}.rx-hero.theme-halloween .rx-left>*:nth-child(4){animation-delay:.22s}.rx-hero.theme-halloween .rx-left>*:nth-child(5){animation-delay:.28s}
.rx-hero.theme-halloween .rx-catalog{animation:slide-in .7s .18s cubic-bezier(.2,.8,.2,1) both}
.rx-hero.theme-halloween .rx-card{animation:hw-pop .5s cubic-bezier(.2,.9,.3,1.25) both}
.rx-hero.theme-halloween .rx-card:nth-child(2){animation-delay:.06s}.rx-hero.theme-halloween .rx-card:nth-child(3){animation-delay:.12s}.rx-hero.theme-halloween .rx-card:nth-child(4){animation-delay:.18s}.rx-hero.theme-halloween .rx-card:nth-child(5){animation-delay:.24s}.rx-hero.theme-halloween .rx-card:nth-child(6){animation-delay:.3s}
.rx-hero.theme-halloween .rx-card:hover,.rx-hero.theme-halloween .rx-card:focus-visible{animation:none}
body.theme-halloween .rx-card .rx-price{transition:transform .25s ease}body.theme-halloween .rx-card:hover .rx-price{transform:translateY(-2px) scale(1.05)}
}
@keyframes hw-aura{from{transform:scale(1) translate(0,0);opacity:.45}to{transform:scale(1.08) translate(-2%,1%);opacity:.7}}
@keyframes hw-speed{0%{opacity:.05;transform:translateX(0)}50%{opacity:.11;transform:translateX(-10px)}100%{opacity:.06;transform:translateX(-4px)}}
@keyframes hw-fog{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hw-rise{0%{transform:translate(0,0) scale(1);opacity:0}10%{opacity:.95}50%{transform:translate(12px,-120px) scale(.85)}80%{opacity:.5}100%{transform:translate(-8px,-240px) scale(.4);opacity:0}}
@keyframes hw-twinkle{0%,100%{transform:scale(.5) rotate(0);opacity:.25}50%{transform:scale(1.15) rotate(45deg);opacity:1}}
@keyframes hw-ghost{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(-6px,-10px) rotate(4deg)}}
@keyframes hw-hover{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(-8px,-9px) rotate(2deg)}}
@keyframes hw-cross{0%{transform:translate(-120px,0) rotate(-6deg);opacity:0}3%{opacity:.6}25%{transform:translate(30vw,-6vh) rotate(-2deg)}50%{transform:translate(62vw,2vh) rotate(-6deg)}72%{opacity:.6}75%{transform:translate(100vw,-4vh) rotate(-3deg);opacity:0}100%{transform:translate(100vw,-4vh);opacity:0}}
@keyframes hw-shine{0%,62%{transform:translateX(-140%) skewX(-12deg);opacity:0}66%{opacity:1}92%{transform:translateX(560%) skewX(-12deg);opacity:1}100%{transform:translateX(560%) skewX(-12deg);opacity:0}}
@keyframes hw-sway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
@keyframes hw-flicker{0%{opacity:.55}12%{opacity:.95}20%{opacity:.4}34%{opacity:.85}48%{opacity:.6}60%{opacity:1}74%{opacity:.45}88%{opacity:.9}}
@keyframes hw-pop{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
.foot .hw-foot .hw-pumpkin{transform-origin:50% 100%}
@media (max-width:900px){.hw-decor .hw-witch.w1{width:78px;height:66px;right:3%;bottom:auto;top:44%}.hw-decor .hw-ghost.g1{width:36px;height:42px}.hw-site .hw-ghost.g2{display:none}.hw-speed{display:none}}
@media (max-width:640px){.hw-decor .hw-witch.w1{width:60px;height:50px;top:auto;bottom:10px;right:10px}.rx-hero .hw-decor .hw-witch.w1{left:auto;right:12px;top:auto;bottom:8px;width:60px;height:50px}.hw-decor .hw-ghost.g1,.rx-hero .hw-decor .hw-ghost.g1{display:none}.hw-site .hw-witch.w2{width:54px;height:46px;top:12vh}.hw-spark.k3,.hw-spark.k4{display:none}}
@media print{.hw-decor,.hw-site,.hw-foot{display:none}}
/* Todos los juegos (/recargas#todos) y página de los juegos nuevos */
.rx-card[style*="--c1"]:not(.has-card-bg){background:radial-gradient(circle at 30% 22%,var(--c1),transparent 60%),linear-gradient(160deg,var(--c2),#0b1030 80%)}
.rx-all{margin:26px 0 8px}
.rx-all-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:14px}
.rx-all-head h2{margin:0}.rx-all-head h2 .muted{font-size:.7em;-webkit-text-fill-color:var(--muted);color:var(--muted)}
.rx-all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}
.rx-card.rx-mini{aspect-ratio:4/5}.rx-card.rx-mini .rx-card-txt b{font-size:15px}.rx-card.rx-mini .rx-card-txt small{font-size:12px}
.rx-card.rx-mini .rx-fallback{inset:8% 0 38% 0}.rx-card.rx-mini .rx-fallback svg{width:46%;max-width:84px}
@media (max-width:560px){.rx-all-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.gx-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.gx-head .gx-icon{flex:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.gx-head .pill{display:inline-block;margin-bottom:4px}
.gx-page .gx-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px;letter-spacing:.06em;padding:10px 14px;border-radius:10px;background:rgba(167,139,250,.14);color:#f5f3ff;user-select:all;word-break:break-all}
.gx-games{display:flex;flex-wrap:wrap;gap:6px}

/* ===== Páginas de compra de recargas (diseño compartido: ML, Free Fire, Roblox y más juegos) ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.buy-page{--bx1:#8b5cf6;--bx2:#22d3ee;--bxg:rgba(139,92,246,.45);--bxs:rgba(139,92,246,.16);--bxp:#fde68a;position:relative;overflow:clip;
  background:radial-gradient(900px 340px at 100% -10%,rgba(139,92,246,.16),transparent 60%),radial-gradient(700px 300px at -10% 110%,rgba(34,211,238,.09),transparent 60%),linear-gradient(180deg,#120f2e,#0d0b24)}
body.theme-halloween .buy-page{--bx1:#f97316;--bx2:#a855f7;--bxg:rgba(249,115,22,.5);--bxs:rgba(249,115,22,.16);--bxp:#fdba74;
  background:radial-gradient(900px 340px at 100% -10%,rgba(168,85,247,.22),transparent 60%),radial-gradient(700px 300px at -10% 110%,rgba(249,115,22,.12),transparent 60%),linear-gradient(180deg,#150b2c,#0e0820)}
/* Cabecera */
.buy-page .buy-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:20px;margin:-6px -6px 20px;padding:30px 28px;min-height:150px;border-radius:20px;color:#fff;
  border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 50px -28px var(--bxg),inset 0 1px 0 rgba(255,255,255,.1);
  background:radial-gradient(420px 220px at 88% 20%,var(--bxs),transparent 70%),radial-gradient(520px 260px at 10% 120%,rgba(34,211,238,.14),transparent 70%),linear-gradient(120deg,#1d1450 0%,#2a1460 45%,#14113a 100%)}
body.theme-halloween .buy-page .buy-hero{background:radial-gradient(380px 220px at 90% 10%,rgba(253,186,116,.28),transparent 70%),radial-gradient(520px 260px at 6% 120%,rgba(168,85,247,.35),transparent 70%),linear-gradient(120deg,#2b0f45 0%,#3b1247 50%,#4a1a1a 100%)}
.buy-page .buy-hero.has-bg{background:linear-gradient(95deg,rgba(18,10,46,.96) 0%,rgba(30,16,70,.86) 45%,rgba(30,16,70,.45) 100%),var(--hero-bg) center/cover no-repeat,#140d33}
body.theme-halloween .buy-page .buy-hero.has-bg{background:radial-gradient(320px 200px at 92% 15%,rgba(249,115,22,.35),transparent 70%),linear-gradient(95deg,rgba(28,8,44,.97) 0%,rgba(46,14,64,.86) 45%,rgba(60,20,40,.5) 100%),var(--hero-bg) center/cover no-repeat,#1a0a2e}
.buy-page .buy-hero>svg,.buy-page .buy-hero>img,.buy-page .buy-hero .gx-icon{flex:none;width:84px;height:84px;padding:8px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 6px rgba(255,255,255,.03),0 14px 34px -10px var(--bxg)}
.buy-page .buy-hero h1,.buy-page .buy-hero .h2{margin:4px 0 0;font-size:clamp(22px,3vw,32px);line-height:1.15;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.buy-page .buy-hero h1::first-letter,.buy-page .buy-hero .h2::first-letter{-webkit-text-fill-color:var(--bxp);color:var(--bxp)}
.buy-page .buy-hero .pill{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22)}
.buy-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.buy-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:13px;font-weight:600;color:#f5f3ff;background:rgba(10,6,30,.45);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px)}
.buy-chip:first-child{background:linear-gradient(135deg,var(--bx1),var(--bx2));border-color:transparent;color:#fff;box-shadow:0 6px 16px -8px var(--bxg)}
/* Toques de Halloween en la cabecera (solo con el tema activo): telaraña, murciélagos y calabaza */
body.theme-halloween .buy-page .buy-hero::before{content:"";position:absolute;z-index:-1;top:-2px;right:-2px;width:150px;height:150px;opacity:.38;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23fff' stroke-width='.8'%3E%3Cpath d='M100 0L20 80M100 0L0 60M100 0L40 100M100 0L70 100M100 0L0 30'/%3E%3Cpath d='M78 0q2 12 22 20M56 0q4 22 44 40M34 0q6 34 66 62M14 0q8 46 86 86'/%3E%3C/svg%3E") no-repeat top right/contain}
body.theme-halloween .buy-page .buy-hero::after{content:"";position:absolute;z-index:-1;right:9%;bottom:14px;width:150px;height:56px;opacity:.55;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 56' fill='%23120a22'%3E%3Cpath d='M20 20q6-8 10 0q4-8 10 0q-4 0-6 6q-2-4-4-2q-2-2-4 2q-2-6-6-6z'/%3E%3Cpath d='M70 8q5-6 8 0q3-6 8 0q-3 0-5 4q-1-3-3-1q-2-2-3 1q-2-4-5-4z'/%3E%3Cpath d='M112 26q6-8 10 0q4-8 10 0q-4 0-6 6q-2-4-4-2q-2-2-4 2q-2-6-6-6z'/%3E%3C/svg%3E") no-repeat center/contain}
/* Avisos */
.buy-page>.flash,.buy-page>.errors{display:flex;align-items:flex-start;gap:10px;margin:12px 0;padding:13px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--ok);background:rgba(255,255,255,.04);backdrop-filter:blur(8px);line-height:1.5}
.buy-page>.flash.ok{border-left-color:#34d399;background:linear-gradient(90deg,rgba(52,211,153,.12),rgba(255,255,255,.03))}
.buy-page>.flash.warn{border-left-color:#fbbf24;background:linear-gradient(90deg,rgba(251,191,36,.12),rgba(255,255,255,.03));color:#fde68a}
.buy-page>.flash.warn:not(.raffle-banner)::before{content:"🔐";flex:none}
.buy-page>.flash.raffle-banner{border-left-color:var(--bx2);background:linear-gradient(90deg,rgba(168,85,247,.16),rgba(255,255,255,.03))}
.buy-page>.flash a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--bx1);text-underline-offset:3px}
/* Formulario como panel de vidrio con pasos numerados */
.buy-page form{position:relative;margin-top:18px;padding:6px 22px 22px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 50px -34px var(--bxg)}
.buy-step{display:flex;align-items:center;gap:12px;margin:22px 0 12px;padding-bottom:10px;font-size:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.buy-step .step-n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(135deg,var(--bx1),var(--bx2));box-shadow:0 0 0 4px var(--bxs),0 8px 18px -6px var(--bxg)}
.buy-page .field span{color:#e9e5ff}
.buy-page .field input,.buy-page .field select{width:100%;padding:13px 15px;border-radius:12px;border:1.5px solid rgba(255,255,255,.12);background:rgba(8,5,24,.55);color:#fff;font-size:15px;transition:border-color .18s ease,box-shadow .18s ease}
.buy-page .field input::placeholder{color:#8f8ab8}
.buy-page .field input:focus,.buy-page .field select:focus{outline:0;border-color:var(--bx1);box-shadow:0 0 0 4px var(--bxs),0 0 22px -6px var(--bxg);background:rgba(8,5,24,.7)}
/* Packs */
.buy-page .packs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding-top:10px}
.buy-page .pack{-webkit-mask:none;mask:none;border:1.5px solid rgba(255,255,255,.1);border-radius:16px;padding:18px 12px 14px;min-height:122px;text-align:center;
  background:radial-gradient(120px 70px at 50% 0%,var(--bxs),transparent 75%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:0 10px 24px -18px rgba(0,0,0,.8);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.buy-page .pack span{align-items:center;justify-content:center;gap:2px;height:100%}
.buy-page .pack b{font-size:19px;line-height:1.2;color:#fff;text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none}
.buy-page .pack.pk-pass b{font-size:15px}
.buy-page .pack .pk-unit{font-style:normal;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#a9a3d6}
.buy-page .pack span>small:not(.rb-kind):not(.rb-stock){margin-top:auto;padding-top:8px;font-size:17px;font-weight:800;color:var(--bxp)}
.buy-page .pack .rb-kind{font-size:12px;color:#c4b5fd}
.buy-page .pack:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.28);box-shadow:0 16px 30px -18px var(--bxg)}
.buy-page .pack:has(>input:checked),.buy-page .pack.on{border-color:var(--bx1);border-style:solid;background:radial-gradient(140px 80px at 50% 0%,var(--bxs),transparent 75%),linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:0 0 0 3px var(--bxs),0 0 28px -6px var(--bxg)}
.buy-page .pack:has(>input:checked)::after{content:"✓";position:absolute;top:8px;right:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;color:#fff;background:var(--bx1)}
.buy-page .pack.pack-off:hover{transform:none}
.pk-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:3px 10px;border-radius:99px;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.02em;color:#fff;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.pk-badge.pop{background:linear-gradient(135deg,#f43f5e,#f97316)}
.pk-badge.best{background:linear-gradient(135deg,#7c3aed,#22d3ee)}
body.theme-halloween .pk-badge.best{background:linear-gradient(135deg,#7c3aed,#f97316)}
.buy-page .pack.has-img .pk-badge{top:6px}
/* Medios de pago y confirmaciones */
.buy-page .prov{border-radius:14px;border:1.5px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.buy-page .prov:has(>input:checked),.buy-page .prov.on{border-color:var(--bx1);box-shadow:0 0 0 3px var(--bxs)}
.buy-page .check.terms{white-space:normal;align-items:flex-start;padding:10px 12px;margin:8px 0;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);line-height:1.45}
.buy-page .check.terms input{margin-top:3px;accent-color:var(--bx1)}
/* Resumen + botón de pago (queda fijo abajo mientras bajás por el formulario) */
.buy-pay{position:sticky;bottom:12px;z-index:6;display:flex;align-items:center;gap:14px;margin:18px -8px 8px;padding:12px 12px 12px 18px;border-radius:18px;background:rgba(16,10,38,.88);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px -16px rgba(0,0,0,.75),0 0 0 1px var(--bxs);backdrop-filter:blur(12px)}
.buy-sum{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.buy-sum-l{font-size:13.5px;color:#c9c4ee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.buy-sum-p{font-size:21px;font-weight:800;color:#fff}
.buy-pay .btn.block{flex:0 0 auto;width:auto;min-width:230px;padding:15px 26px;font-size:16.5px;border-radius:14px;background:linear-gradient(135deg,var(--bx1),var(--bx2));box-shadow:0 12px 26px -10px var(--bxg),inset 0 1px 0 rgba(255,255,255,.3)}
.buy-pay .btn.block:not([disabled]):hover{transform:translateY(-1px);filter:brightness(1.08)}
.buy-page form>.muted.small.center{margin-top:6px}
@media (prefers-reduced-motion:no-preference){
  .buy-page .buy-hero{animation:buy-in .5s ease both}
  .buy-sum.on .buy-sum-p{animation:buy-pop .3s ease}
  body.theme-halloween .buy-page .buy-hero::after{animation:buy-bats 6s ease-in-out infinite}
  body.theme-halloween .buy-page .pack:has(>input:checked) b{animation:buy-glow 2.4s ease-in-out infinite}
  .pk-badge.pop{animation:buy-badge 2.8s ease-in-out infinite}
}
@keyframes buy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes buy-pop{0%{opacity:.3;transform:scale(.92)}100%{opacity:1;transform:none}}
@keyframes buy-bats{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,-8px)}}
@keyframes buy-glow{0%,100%{opacity:1}50%{opacity:.82}}
@keyframes buy-badge{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-2px)}}
@media (max-width:640px){
  .buy-page .buy-hero{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 18px;margin:-4px -4px 16px}
  .buy-page .buy-hero.has-bg{background:linear-gradient(180deg,rgba(18,10,46,.82),rgba(18,10,46,.96)),var(--hero-bg) center/cover no-repeat,#140d33}
  body.theme-halloween .buy-page .buy-hero.has-bg{background:linear-gradient(180deg,rgba(28,8,44,.8),rgba(28,8,44,.96)),var(--hero-bg) center/cover no-repeat,#1a0a2e}
  .buy-page .buy-hero>svg,.buy-page .buy-hero>img,.buy-page .buy-hero .gx-icon{width:64px;height:64px;border-radius:18px}
  .buy-page form{padding:4px 14px 16px;margin-left:-6px;margin-right:-6px}
  .buy-page .packs{grid-template-columns:repeat(2,1fr);gap:12px}
  .buy-page .pack{min-height:108px;padding:16px 8px 12px}
  .buy-page .pack b{font-size:17px}.buy-page .pack.pk-pass b{font-size:14px}
  .buy-pay{flex-direction:column;align-items:stretch;gap:10px;margin:16px -6px 6px;padding:12px;bottom:8px}
  .buy-pay .btn.block{width:100%;min-width:0}
  .buy-chip{font-size:12px;padding:5px 10px}
}
@media print{.buy-pay{position:static}}
/* Admin: imágenes de todos los juegos */
.img-jump{flex-wrap:wrap;gap:6px}
.img-game-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.img-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.img-pair .img-cell{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.03)}
.img-prev{display:block;width:100%;max-width:420px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--line2)}
.img-prev.none{display:grid;place-items:center;text-align:center;color:var(--muted);background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 10px,transparent 10px 20px)}
.img-up{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media (max-width:760px){.img-pair{grid-template-columns:1fr}}
.buy-page>.flash.region-warn::before{content:"🌎"}
.img-game-top{border:1px solid rgba(249,115,22,.35);box-shadow:0 0 0 1px rgba(168,85,247,.15),0 10px 30px rgba(0,0,0,.25)}
.img-game-top .img-prev{max-width:320px}
.admin-shortcuts{margin:10px 0}

/* ---------- Bloques de compra (pestañas, código de creador, ID, países) · estilo Halloween propio ---------- */
.bb-top{display:grid;gap:12px;margin:14px 0 6px}
.bb-box{border:1px solid rgba(168,85,247,.35);border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,rgba(88,28,135,.22),rgba(15,10,30,.35));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bb-creator-lbl{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#d8b4fe;margin-bottom:8px}
.bb-creator-lbl .muted{text-transform:none;letter-spacing:0;font-weight:600}
.bb-creator-row{display:flex;gap:8px}
.bb-creator-row input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.bb-creator-row .btn{flex:none;background:linear-gradient(180deg,#a855f7,#7e22ce);border-color:#9333ea;color:#fff}
.bb-creator-msg{margin:6px 0 0}
.bb-creator.ok{border-color:rgba(52,211,153,.55)}.bb-creator.ok .bb-creator-msg{color:#6ee7b7}
.bb-creator.bad{border-color:rgba(244,63,94,.55)}.bb-creator.bad .bb-creator-msg{color:#fda4af}
.bb-id{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:2px 2px}
.bb-id b{color:inherit}.bb-id p{margin:2px 0 0}
.bb-id .btn{color:#fb923c;border-color:rgba(251,146,60,.5)}
.bb-countries h3{margin:0 0 10px;font-size:15px}
.bb-countries h3 em{font-style:normal;color:#fb923c;font-size:13px;margin-left:6px}
.bb-ctys{display:flex;flex-wrap:wrap;gap:6px}
.bb-cty{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;font-size:13px;font-weight:600;border:1px solid rgba(251,146,60,.3);background:rgba(124,45,18,.18)}
.bb-cty small{font-size:10px;font-weight:800;opacity:.7;letter-spacing:.05em}
.bb-cty.bb-global{border-color:rgba(52,211,153,.4);background:rgba(6,78,59,.25)}
.bb-countries p{margin:10px 0 0}.bb-countries a{color:#fb923c;font-weight:700}
.bb-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}
.bb-tab{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;border:1px solid rgba(168,85,247,.35);background:rgba(30,16,52,.55);color:inherit;font-weight:700;cursor:pointer;font:inherit}
.bb-tab small{opacity:.65;font-weight:600}
.bb-tab.on{background:linear-gradient(180deg,#f97316,#c2410c);border-color:#f97316;color:#fff;box-shadow:0 4px 14px rgba(249,115,22,.35)}
.bb-tab:focus-visible{outline:2px solid #fb923c;outline-offset:2px}
.packs [data-grp][hidden]{display:none}
.loss-badge{margin-left:6px}
.bb-admin input{width:100%;min-width:14rem}
@media (max-width:640px){.bb-box{padding:10px 12px}.bb-cty{font-size:12px;padding:4px 9px}.bb-id{align-items:flex-start}.bb-tab{padding:8px 11px;font-size:14px}}

@media (max-width:620px){header.top .nav-account{flex-wrap:wrap;row-gap:6px;max-width:100%}}
/* Encabezado en sesión admin (no carga brand-light.css): marca + buscador en la primera fila y el menú completo
   en la segunda, sin scroll horizontal ni ítems cortados; el buscador ya no queda antes del logo en tablet. */
@media (max-width:1600px) and (min-width:621px){
  html:not(.sw-light-root) header.top .wrap.row{flex-wrap:wrap!important;row-gap:10px;justify-content:space-between}
  html:not(.sw-light-root) header.top .brand{order:1}
  html:not(.sw-light-root) header.top .hsearch{order:2;flex:1 1 260px!important;min-width:200px!important;max-width:560px!important;width:auto}
  html:not(.sw-light-root) header.top nav{order:3;flex:1 1 100%!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:center;row-gap:8px}
}
@media (max-width:620px){html:not(.sw-light-root) header.top .brand{order:0}html:not(.sw-light-root) header.top .hsearch{order:1}html:not(.sw-light-root) header.top nav{order:2}}
@media (max-width:900px){header.top .hsearch{order:0}}