/* ===== LeiaNET · modo Retrowave / Synthwave (activar escribiendo "retrowave") =====
   Paleta: #200D3A #292651 #035EE8 #2DE2E6 #9700CC #F6019D #D40078 #F887FF #ECA089 #ECC6A2 */
@font-face{font-family:'Orbitron';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/orbitron-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Orbitron';font-style:normal;font-weight:900;font-display:swap;src:url(fonts/orbitron-latin-900-normal.woff2) format('woff2')}

html.retrowave{
 --rw-night:#200D3A;--rw-navy:#292651;--rw-blue:#035EE8;--rw-cyan:#2DE2E6;--rw-purple:#9700CC;
 --rw-pink:#F6019D;--rw-rasp:#D40078;--rw-lilac:#F887FF;--rw-coral:#ECA089;--rw-peach:#ECC6A2;
 --bg:#200D3A;--bg-elev:rgba(41,38,81,.6);--bg-elev-2:rgba(41,38,81,.8);
 --border:rgba(45,226,230,.35);--border-soft:rgba(151,0,204,.45);
 --text:#fbeaff;--text-dim:#d3b8f2;--text-mute:#9d86c4;
 --accent:#2DE2E6;--accent-soft:rgba(45,226,230,.14);--ok:#2DE2E6;
 --header-bg:rgba(32,13,58,.78);--radius:6px;
 --display:'Orbitron','Chakra Petch',sans-serif;
 --hair:rgba(45,226,230,.32);--hair-hot:rgba(246,1,157,.75);
 --panel:linear-gradient(165deg,rgba(41,38,81,.78),rgba(32,13,58,.7) 60%,rgba(60,10,90,.55));
 --lift-sm:0 0 14px -4px rgba(246,1,157,.55),inset 0 0 12px rgba(151,0,204,.25);
 --lift-md:0 0 24px -6px rgba(246,1,157,.55),inset 0 0 22px rgba(151,0,204,.25);
 --lift-lg:0 0 40px -8px rgba(246,1,157,.6),inset 0 0 30px rgba(151,0,204,.3);
 --glass-fill:linear-gradient(165deg,rgba(41,38,81,.78),rgba(32,13,58,.68) 60%,rgba(70,8,100,.5));
 --glass-fill-strong:linear-gradient(165deg,rgba(51,46,98,.9),rgba(32,13,58,.8));
 --glass-border:rgba(45,226,230,.4);--glass-border-hover:#F6019D;
 --glass-blur:blur(10px) saturate(1.3);--glass-blur-sm:blur(6px);
 --glass-shadow:0 0 0 1px rgba(246,1,157,.14),0 0 26px -6px rgba(246,1,157,.5),inset 0 0 26px rgba(151,0,204,.22);
 --glass-shadow-sm:0 0 14px -4px rgba(246,1,157,.5);
 color-scheme:dark;
}
html.retrowave,html.retrowave body{background:#200D3A!important}
html.retrowave body{color:var(--text)!important}

/* fuera el espacio original (nebulosas, planetas, satélite…): lo reemplaza la escena synthwave */
html.retrowave .grid-overlay,html.retrowave .depth-veil,html.retrowave .nebula,html.retrowave .nebula-mono,
html.retrowave .starfield,html.retrowave .noise,
html.retrowave .planet-parallax,html.retrowave .planet-parallax-2,html.retrowave .planet-wrap,html.retrowave .planet-wrap-2,
html.retrowave .planet-glow,html.retrowave .planet-ring,html.retrowave .planet,html.retrowave .planet-2,
html.retrowave .asteroid-parallax,html.retrowave .asteroid-wrap,html.retrowave .asteroid,
html.retrowave .satellite-parallax,html.retrowave .satellite-wrap,html.retrowave .satellite,
html.retrowave .meteor,html.retrowave .meteor-trail,html.retrowave .meteor-rock,html.retrowave .shooting-star,
html.retrowave .stars-layer,html.retrowave .sparkle,html.retrowave #sparkles,html.retrowave .ambient,html.retrowave .grain,
html.retrowave .hero-glass-orb{display:none!important;animation:none!important}
/* el "planeta" del 404 pasa a ser un sol synthwave (es el 0 de "404") */
html.retrowave .planet404{width:.62em!important;height:.62em!important;border-radius:50%!important;margin:0 .04em!important;display:inline-block!important;
 background:linear-gradient(180deg,#F6019D 0%,#ECA089 62%,#ECC6A2 100%)!important;border:0!important;
 box-shadow:0 0 .3em rgba(246,1,157,.8),0 0 .8em rgba(151,0,204,.6)!important;
}

/* ---------- escena ---------- */
html.retrowave #rw-scene{--hz:58vh;--sun:min(66vw,64vh);--mh:30vh;position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;
 background:linear-gradient(180deg,#200D3A 0%,#292651 24%,#5a0f8e 44%,#9700CC 54%,#D40078 58%,#F6019D 59%,#200D3A 59.1%,#200D3A 100%)}
html.retrowave .rw-sky{position:absolute;left:0;right:0;top:0;height:var(--hz);
 background:linear-gradient(180deg,#200D3A 0%,#292651 28%,#4b1a86 50%,#9700CC 74%,#D40078 90%,#F6019D 100%)}
html.retrowave .rw-stars{position:absolute;left:0;right:0;top:0;height:calc(var(--hz) - 6vh)}
html.retrowave .rw-star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px currentColor;animation:rwTwinkle var(--d,4s) ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes rwTwinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
html.retrowave .rw-sun{position:absolute;left:50%;width:var(--sun);height:var(--sun);transform:translate(-50%,calc(var(--sy,0)*-.06px));top:calc(var(--hz) - var(--sun)*1.02);will-change:transform;
 filter:drop-shadow(0 0 26px rgba(246,1,157,.75)) drop-shadow(0 0 80px rgba(151,0,204,.65))}
html.retrowave .rw-sun-in{width:100%;height:100%;animation:rwSun 6s ease-in-out infinite}
html.retrowave .rw-sun svg{display:block;width:100%;height:100%}
@keyframes rwSun{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12) saturate(1.1)}}
html.retrowave .rw-haze{position:absolute;left:0;right:0;top:calc(var(--hz) - 22vh);height:26vh;
 background:linear-gradient(180deg,rgba(246,1,157,0),rgba(246,1,157,.28) 70%,rgba(236,160,137,.5))}
html.retrowave .rw-mtn{opacity:.9;transform:translateY(calc(var(--sy,0)*-.02px));position:absolute;left:0;width:100%;top:calc(var(--hz) - var(--mh) + 2px);height:var(--mh);
 filter:drop-shadow(0 0 5px rgba(3,94,232,.9)) drop-shadow(0 0 14px rgba(45,226,230,.35))}
html.retrowave .rw-mtn svg{display:block;width:100%;height:100%}
html.retrowave .rw-floor{position:absolute;left:0;right:0;top:var(--hz);bottom:0;overflow:hidden;perspective:340px;perspective-origin:50% 0;
 background:linear-gradient(180deg,#5b0a6f 0%,#3a0f66 18%,#200D3A 55%,#170a2c 100%);border-top:2px solid #F887FF;
 box-shadow:0 -2px 14px #F6019D,0 -8px 50px rgba(246,1,157,.7)}
html.retrowave .rw-grid{position:absolute;left:-120%;right:-120%;top:0;height:260%;transform-origin:50% 0;transform:rotateX(74deg);
 background-image:linear-gradient(90deg,rgba(246,1,157,.95) 0 2px,transparent 2px),linear-gradient(180deg,rgba(45,226,230,.9) 0 2px,transparent 2px);
 background-size:64px 64px;animation:rwGrid 1.5s linear infinite;will-change:transform;
 filter:drop-shadow(0 0 3px rgba(246,1,157,.9))}
@keyframes rwGrid{from{transform:rotateX(74deg) translateY(0)}to{transform:rotateX(74deg) translateY(64px)}}
html.retrowave .rw-floor:after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(180deg,rgba(236,160,137,.0),rgba(32,13,58,0) 30%,rgba(32,13,58,.55) 100%)}
/* legibilidad: velo oscuro muy suave detrás del contenido + líneas de barrido CRT */
html.retrowave .rw-veil{position:absolute;inset:0;background:radial-gradient(ellipse 90% 70% at 50% 40%,rgba(32,13,58,.0),rgba(32,13,58,.42));}
html.retrowave .rw-scan{position:absolute;inset:0;opacity:.35;mix-blend-mode:multiply;
 background:repeating-linear-gradient(180deg,rgba(0,0,0,.0) 0 2px,rgba(32,13,58,.55) 2px 3px)}

html.retrowave main,html.retrowave footer,html.retrowave section{position:relative;z-index:1}

/* ---------- header / nav ---------- */
html.retrowave header{background:linear-gradient(180deg,rgba(41,38,81,.86),rgba(32,13,58,.78))!important;
 border:1px solid rgba(45,226,230,.55)!important;border-bottom-color:#F6019D!important;
 box-shadow:0 0 18px -4px rgba(45,226,230,.55),0 10px 30px -10px rgba(246,1,157,.55),inset 0 0 18px rgba(151,0,204,.25)!important;
 backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3)}
html.retrowave header::after{display:none!important}
html.retrowave a{color:var(--rw-cyan)}
html.retrowave nav a{color:#e9d8ff!important;font-weight:600;letter-spacing:.03em;transition:color .15s,text-shadow .15s,background .15s}
html.retrowave nav a:hover,html.retrowave nav a.active{color:#fff!important;background:rgba(246,1,157,.22)!important;text-shadow:0 0 8px #F6019D,0 0 18px #F6019D;box-shadow:inset 0 -2px 0 #F6019D}
html.retrowave .brand img,html.retrowave .fbrand img{filter:drop-shadow(0 0 5px rgba(246,1,157,.9)) drop-shadow(0 0 14px rgba(151,0,204,.8)) saturate(1.2);transition:filter .2s}
html.retrowave .brand:hover img{filter:drop-shadow(0 0 7px #2DE2E6) drop-shadow(0 0 18px rgba(45,226,230,.7))}

/* ---------- títulos neón ---------- */
html.retrowave h1,html.retrowave h2,html.retrowave h3,html.retrowave .sec-head h2{font-family:var(--display)!important;color:#fff!important;letter-spacing:.04em;
 text-shadow:0 0 4px rgba(255,255,255,.7),0 0 14px #F6019D,0 0 32px rgba(151,0,204,.9)!important}
html.retrowave h1{font-weight:900}
html.retrowave h1 span{color:var(--rw-cyan)!important;-webkit-text-fill-color:var(--rw-cyan)!important;background:none!important;animation:none!important;
 text-shadow:0 0 4px rgba(255,255,255,.6),0 0 14px #2DE2E6,0 0 34px #035EE8!important}
html.retrowave h4{color:var(--rw-lilac);font-family:var(--display)}
html.retrowave p,html.retrowave li,html.retrowave .desc,html.retrowave .sec-sub,html.retrowave .lead{color:var(--text-dim)}
html.retrowave .lead{color:#e6d3ff;text-shadow:0 1px 10px rgba(32,13,58,.9)}
html.retrowave .sec-index,html.retrowave .eyebrow{color:var(--rw-lilac)!important;font-family:var(--display);letter-spacing:.14em;text-shadow:0 0 8px rgba(246,1,157,.8)}
html.retrowave .eyebrow .dot,html.retrowave .hero-live .dot{background:var(--rw-pink)!important;box-shadow:0 0 10px #F6019D,0 0 20px #F6019D!important}

/* ---------- tarjetas: paneles neón ---------- */
html.retrowave .card,html.retrowave .social-card,html.retrowave .game,html.retrowave .perk-row,html.retrowave .faq-item,
html.retrowave .status-row,html.retrowave .novedad-card,html.retrowave .info-bar,html.retrowave .card-wide,
html.retrowave .panel,html.retrowave .box,html.retrowave .modal,html.retrowave .status-card,
html.retrowave [class*="-card"],html.retrowave [class*="card-"]{
 background:var(--glass-fill)!important;border:1px solid rgba(45,226,230,.45)!important;border-radius:8px!important;
 box-shadow:var(--glass-shadow)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text)}
html.retrowave .card:hover,html.retrowave .social-card:hover,html.retrowave .game:hover,html.retrowave .card-wide:hover,html.retrowave .novedad-card:hover{
 border-color:#F6019D!important;transform:translateY(-3px);
 box-shadow:0 0 0 1px rgba(246,1,157,.4),0 0 30px -2px rgba(246,1,157,.7),0 0 60px -10px rgba(45,226,230,.45),inset 0 0 28px rgba(151,0,204,.3)!important}
/* bloques internos de la tarjeta ancha: sin panel propio */
html.retrowave .card-wide-info,html.retrowave .card-wide-actions{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.retrowave .card.locked>*:not(.lock-overlay):not(.chain-band){filter:saturate(.6)!important;opacity:.72}
html.retrowave .card.locked>.lock-overlay,html.retrowave .card.locked>.chain-band{filter:none!important;opacity:1}
html.retrowave .chain-band{opacity:.7;background:repeating-linear-gradient(45deg,#F6019D 0 14px,#200D3A 14px 28px)!important;box-shadow:0 0 14px rgba(246,1,157,.7)!important;border-color:#F887FF!important}
html.retrowave .lock-badge{background:rgba(32,13,58,.9)!important;border:1px solid #F6019D!important;box-shadow:0 0 22px rgba(246,1,157,.7),inset 0 0 14px rgba(151,0,204,.4)!important}
html.retrowave .lock-icon-wrap{color:#fff!important;background:linear-gradient(180deg,#F6019D,#9700CC)!important;box-shadow:0 0 14px #F6019D!important}
html.retrowave .lock-title{color:#fff!important;text-shadow:0 0 8px #F6019D}
html.retrowave .lock-sub{color:var(--rw-lilac)!important}

/* ---------- botones ---------- */
html.retrowave .btn,html.retrowave .link-btn,html.retrowave .copy-btn,html.retrowave .icon-btn{
 color:var(--rw-cyan)!important;background:rgba(32,13,58,.55)!important;border:1px solid var(--rw-cyan)!important;border-radius:6px!important;
 font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;font-weight:700;text-shadow:0 0 8px rgba(45,226,230,.8);
 box-shadow:0 0 12px -2px rgba(45,226,230,.6),inset 0 0 12px rgba(45,226,230,.12)!important;transition:all .18s}
html.retrowave .btn:hover,html.retrowave .link-btn:hover,html.retrowave .copy-btn:hover,html.retrowave .icon-btn:hover{
 color:#fff!important;border-color:#F6019D!important;background:rgba(246,1,157,.28)!important;text-shadow:0 0 10px #F6019D;
 box-shadow:0 0 22px rgba(246,1,157,.8),inset 0 0 14px rgba(246,1,157,.3)!important}
html.retrowave .btn.primary,html.retrowave .btn.solid,html.retrowave .link-btn{
 color:#fff!important;border-color:#F887FF!important;text-shadow:0 0 8px rgba(32,13,58,.8);
 background:linear-gradient(90deg,#F6019D,#9700CC)!important;box-shadow:0 0 24px rgba(246,1,157,.7),inset 0 1px 0 rgba(255,255,255,.35)!important}
html.retrowave .btn.primary:hover,html.retrowave .btn.solid:hover,html.retrowave .link-btn:hover{
 background:linear-gradient(90deg,#D40078,#F6019D)!important;box-shadow:0 0 34px #F6019D,0 0 60px rgba(151,0,204,.7)!important}
html.retrowave .btn.coffee{color:#200D3A!important;text-shadow:none;background:linear-gradient(90deg,#ECC6A2,#ECA089)!important;border-color:#fff!important;box-shadow:0 0 20px rgba(236,160,137,.7)!important}
html.retrowave .btn.discord{color:#fff!important;border-color:#8892ff!important;background:linear-gradient(90deg,#5865F2,#9700CC)!important}
html.retrowave header .icon-btn,html.retrowave header .nav-toggle{box-shadow:none!important}
html.retrowave .nav-toggle span{background:var(--rw-cyan)!important;box-shadow:0 0 6px #2DE2E6}

/* ---------- tags, pills, estados ---------- */
html.retrowave .tag,html.retrowave .mc-chip,html.retrowave .status-pill,html.retrowave .online-pill{
 background:rgba(45,226,230,.12)!important;color:var(--rw-cyan)!important;border:1px solid rgba(45,226,230,.7)!important;border-radius:4px!important;
 text-shadow:0 0 6px rgba(45,226,230,.7);box-shadow:0 0 10px -3px rgba(45,226,230,.7)}
html.retrowave .status-pill.offline{background:rgba(212,0,120,.18)!important;color:#ff6fc4!important;border-color:#F6019D!important;text-shadow:0 0 6px #F6019D;box-shadow:0 0 10px -3px #F6019D}
html.retrowave .status-pill.warn,html.retrowave .all-ok.warn{background:rgba(236,160,137,.16)!important;color:#ECC6A2!important;border:1px solid #ECA089!important;border-radius:4px!important;text-shadow:0 0 6px rgba(236,160,137,.8)}
html.retrowave .all-ok:not(.warn){background:rgba(45,226,230,.12)!important;color:var(--rw-cyan)!important;border:1px solid var(--rw-cyan)!important;border-radius:4px!important}
html.retrowave .pulse-dot{box-shadow:0 0 10px currentColor,0 0 20px currentColor}

/* iconos */
html.retrowave .icon-badge:not(:has(img)),html.retrowave .perk-icon,html.retrowave .info-icon,html.retrowave .contact-icon,html.retrowave .novedad-icono{
 color:#fff!important;border:1px solid #F887FF!important;border-radius:8px!important;
 background:linear-gradient(160deg,#F6019D,#9700CC)!important;box-shadow:0 0 16px rgba(246,1,157,.7),inset 0 0 8px rgba(255,255,255,.25)!important}
html.retrowave .icon-badge:not(:has(img)) svg,html.retrowave .perk-icon svg,html.retrowave .info-icon svg,html.retrowave .contact-icon svg,html.retrowave .novedad-icono svg{color:#fff!important;stroke:#fff}
html.retrowave .contact-icon.discord{background:linear-gradient(160deg,#5865F2,#9700CC)!important}
html.retrowave .status-icon,html.retrowave .social-icon:has(img),html.retrowave .icon-badge:has(img){border:1px solid rgba(45,226,230,.55)!important;border-radius:8px!important;
 background:rgba(32,13,58,.7)!important;box-shadow:0 0 12px -2px rgba(45,226,230,.55)!important}

/* ---------- inputs / código ---------- */
html.retrowave input,html.retrowave select,html.retrowave textarea{background:rgba(32,13,58,.82)!important;color:#fbeaff!important;border:1px solid rgba(45,226,230,.6)!important;border-radius:6px!important;
 box-shadow:inset 0 0 12px rgba(151,0,204,.3)!important}
html.retrowave input:focus,html.retrowave select:focus,html.retrowave textarea:focus{border-color:#F6019D!important;box-shadow:0 0 14px rgba(246,1,157,.6),inset 0 0 12px rgba(151,0,204,.3)!important;outline:none}
html.retrowave ::placeholder{color:#9d86c4}
html.retrowave code,html.retrowave pre,html.retrowave .ip-row{background:rgba(32,13,58,.85)!important;color:var(--rw-lilac)!important;border-color:rgba(246,1,157,.55)!important}
html.retrowave hr{border-color:rgba(246,1,157,.5)}
html.retrowave table,html.retrowave td,html.retrowave th{color:var(--text);border-color:rgba(45,226,230,.25)!important}
html.retrowave th{color:var(--rw-lilac)}

/* ---------- ticker / footer / scroll ---------- */
html.retrowave .ticker{background:linear-gradient(90deg,rgba(212,0,120,.35),rgba(151,0,204,.35),rgba(3,94,232,.35))!important;
 border-top:1px solid #F887FF!important;border-bottom:1px solid #2DE2E6!important;box-shadow:0 0 22px rgba(246,1,157,.45),0 0 22px rgba(45,226,230,.3)!important}
html.retrowave .ticker-item{color:transparent!important;-webkit-text-stroke:1.5px rgba(248,135,255,.9)!important;font-family:var(--display)}
html.retrowave .ticker-item.solid{color:#fff!important;-webkit-text-stroke:0!important;text-shadow:0 0 6px #F6019D,0 0 18px #F6019D}
html.retrowave .ticker-item img{opacity:1!important;filter:drop-shadow(0 0 6px #F6019D)!important}
html.retrowave footer{background:linear-gradient(180deg,rgba(32,13,58,.4),rgba(32,13,58,.85))!important;border-top:1px solid #F6019D!important;box-shadow:0 -10px 40px -14px rgba(246,1,157,.6);color:var(--text-dim)!important}
html.retrowave .scroll-progress{background:rgba(32,13,58,.6)}
html.retrowave .scroll-progress .bar{background:linear-gradient(90deg,#2DE2E6,#F887FF,#F6019D)!important;box-shadow:0 0 12px #F6019D,0 0 24px #2DE2E6!important}
html.retrowave :focus-visible{outline:2px solid #2DE2E6!important;outline-offset:2px;box-shadow:0 0 12px #2DE2E6!important}
html.retrowave ::selection{background:#F6019D;color:#fff}
html.retrowave ::-webkit-scrollbar{width:14px}
html.retrowave ::-webkit-scrollbar-track{background:#200D3A}
html.retrowave ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#F6019D,#9700CC);border:2px solid #200D3A;border-radius:8px;box-shadow:0 0 8px #F6019D}
html.retrowave .back-to-top{color:var(--rw-cyan)!important;border-color:var(--rw-cyan)!important;background:rgba(32,13,58,.8)!important;box-shadow:0 0 14px rgba(45,226,230,.6)!important}
html.retrowave #toast{background:#200D3A!important;color:var(--rw-cyan)!important;border:1px solid var(--rw-cyan)!important;box-shadow:0 0 18px rgba(45,226,230,.6)!important}

/* ---------- control flotante + aviso + barrido ---------- */
#rw-ctl{position:fixed;right:74px;bottom:16px;z-index:99999;display:flex;gap:8px;align-items:center}
#rw-ctl button{width:44px;height:44px;padding:0;font-size:19px;line-height:1;cursor:pointer;border-radius:8px!important;color:#2DE2E6!important;
 background:rgba(32,13,58,.9)!important;border:1px solid #2DE2E6!important;box-shadow:0 0 14px rgba(45,226,230,.65),inset 0 0 10px rgba(45,226,230,.2)!important;text-shadow:none}
#rw-ctl button:hover{border-color:#F6019D!important;color:#F6019D!important;box-shadow:0 0 18px #F6019D!important}
html:not(.retrowave) #rw-ctl{display:none!important}
#rw-toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-110px);z-index:99999;padding:12px 24px;border-radius:6px;
 font:700 13px 'Orbitron','Chakra Petch',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 0 8px #F6019D;
 background:rgba(32,13,58,.95);border:1px solid #F6019D;box-shadow:0 0 24px rgba(246,1,157,.8),0 0 24px rgba(45,226,230,.4),inset 0 0 14px rgba(151,0,204,.4);
 transition:transform .5s cubic-bezier(.2,1.4,.4,1);white-space:nowrap}
#rw-toast.show{transform:translate(-50%,0)}
.rw-sweep{position:fixed;inset:0;z-index:99998;pointer-events:none;transform:translateX(-110%);
 background:linear-gradient(105deg,transparent 28%,rgba(246,1,157,.0) 36%,rgba(246,1,157,.75) 46%,rgba(255,255,255,.9) 50%,rgba(45,226,230,.75) 54%,transparent 66%);
 animation:rwSweep 1.2s cubic-bezier(.4,.1,.2,1) forwards}
@keyframes rwSweep{to{transform:translateX(110%)}}

/* ---------- rendimiento / accesibilidad ---------- */
html.retrowave.low-perf .rw-grid,html.retrowave.perf-mid .rw-grid,html.retrowave.low-perf .rw-star{animation:none!important}
html.retrowave.low-perf .rw-grid{filter:none}
html.retrowave.low-perf .rw-scan{display:none}
html.retrowave.low-perf .card,html.retrowave.low-perf header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media (max-width:700px){html.retrowave #rw-scene{--hz:56vh;--sun:min(78vw,50vh);--mh:26vh}html.retrowave .rw-grid{background-size:48px 48px;animation-name:rwGridS}
 @keyframes rwGridS{from{transform:rotateX(74deg) translateY(0)}to{transform:rotateX(74deg) translateY(48px)}}}
@media (prefers-reduced-motion:reduce){html.retrowave .rw-grid,html.retrowave .rw-star,.rw-sweep{animation:none!important}.rw-sweep{display:none}}


/* =====================================================================
   PULIDO PRO · v2 — escena
   ===================================================================== */
html.retrowave .rw-aurora{position:absolute;left:0;right:0;top:0;height:var(--hz);opacity:.55;mix-blend-mode:screen;
 background:radial-gradient(ellipse 55% 30% at 18% 22%,rgba(3,94,232,.45),transparent 70%),radial-gradient(ellipse 50% 28% at 84% 30%,rgba(151,0,204,.5),transparent 70%),radial-gradient(ellipse 40% 22% at 60% 8%,rgba(45,226,230,.22),transparent 70%);
 animation:rwAurora 18s ease-in-out infinite alternate}
@keyframes rwAurora{from{transform:translateX(-2%) scale(1)}to{transform:translateX(2%) scale(1.06)}}
html.retrowave .rw-star.big{box-shadow:0 0 8px currentColor,0 0 16px currentColor}
html.retrowave .rw-star.big:before,html.retrowave .rw-star.big:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,currentColor,transparent);transform:translate(-50%,-50%)}
html.retrowave .rw-star.big:before{width:14px;height:1px}
html.retrowave .rw-star.big:after{width:1px;height:14px;background:linear-gradient(180deg,transparent,currentColor,transparent)}
html.retrowave .rw-shoot{position:absolute;top:var(--top);left:var(--left);width:130px;height:2px;opacity:0;transform:rotate(-24deg);
 background:linear-gradient(90deg,rgba(255,255,255,0),#fff 80%,#F887FF);box-shadow:0 0 10px #F887FF;animation:rwShoot 14s linear infinite;animation-delay:var(--dl)}
@keyframes rwShoot{0%{opacity:0;transform:translate(0,0) rotate(-24deg)}1%{opacity:1}6%{opacity:0;transform:translate(-360px,160px) rotate(-24deg)}100%{opacity:0;transform:translate(-360px,160px) rotate(-24deg)}}
/* cordillera lejana */
html.retrowave .rw-mtn.back{opacity:.7;top:calc(var(--hz) - var(--mh)*1.28);height:calc(var(--mh)*1.2);transform:translateY(calc(var(--sy,0)*-.035px));
 filter:drop-shadow(0 0 6px rgba(246,1,157,.6)) blur(.4px)}
/* piso: carretera neón, reflejo del sol y línea de horizonte */
html.retrowave .rw-road{position:absolute;left:50%;top:0;bottom:0;width:230px;transform:translateX(-50%);
 background:linear-gradient(90deg,rgba(32,13,58,.9),rgba(20,8,40,.95) 50%,rgba(32,13,58,.9));
 border-left:3px solid #2DE2E6;border-right:3px solid #2DE2E6;box-shadow:0 0 12px #2DE2E6,inset 0 0 22px rgba(45,226,230,.35)}
html.retrowave .rw-road i{position:absolute;left:50%;top:0;bottom:0;width:8px;transform:translateX(-50%);
 background:repeating-linear-gradient(180deg,#ECC6A2 0 38px,transparent 38px 64px);box-shadow:0 0 10px #F6019D}
html.retrowave .rw-reflect{position:absolute;left:50%;top:0;width:calc(var(--sun)*.5);height:46%;transform:translateX(-50%);mix-blend-mode:screen;pointer-events:none;
 background:linear-gradient(180deg,rgba(246,1,157,.7),rgba(212,0,120,.25) 55%,transparent);
 -webkit-mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 8px);mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 8px);
 animation:rwShimmer 2.4s linear infinite}
@keyframes rwShimmer{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:0 8px;mask-position:0 8px}}
html.retrowave .rw-horizon{position:absolute;left:0;right:0;top:0;height:5px;transform:translateY(-3px);
 background:linear-gradient(90deg,transparent,#F6019D 15%,#F887FF 50%,#2DE2E6 85%,transparent);box-shadow:0 0 18px #F6019D,0 0 50px #D40078}

/* =====================================================================
   PULIDO PRO · v2 — interfaz
   ===================================================================== */
/* brillo del cursor en rosa/cian */
html.retrowave:not(.low-perf):not(.perf-mid) .cursor-glow{width:640px;height:640px;mix-blend-mode:screen;
 background:radial-gradient(circle,rgba(246,1,157,.2),rgba(151,0,204,.1) 40%,transparent 68%)!important}
/* spotlight de borde de las tarjetas (efecto original) recoloreado */
html.retrowave .card::before{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#F6019D,#2DE2E6 55%,transparent 72%)!important}
html.retrowave .card::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(246,1,157,.2),transparent 65%)!important}
html.retrowave .card,html.retrowave .game,html.retrowave .status-card,html.retrowave .social-card,html.retrowave .card-wide{
 box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(248,135,255,.45)!important}
/* header: línea inferior que fluye */
html.retrowave header{border-image:none}
html.retrowave header{background-image:linear-gradient(180deg,rgba(41,38,81,.86),rgba(32,13,58,.78))!important}
html.retrowave header:after{content:""!important;display:block!important;position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px;opacity:.95!important;pointer-events:none;
 background:linear-gradient(90deg,transparent,#F6019D,#F887FF,#2DE2E6,#035EE8,#F6019D,transparent);background-size:220% 100%;animation:rwFlow 7s linear infinite;box-shadow:0 0 12px #F6019D}
@keyframes rwFlow{to{background-position:220% 0}}
/* títulos de sección con subrayado neón */
html.retrowave .sec-head{padding-bottom:16px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,#F6019D,#2DE2E6 55%,transparent) 1}
html.retrowave .sec-head .count{font-family:var(--display);color:var(--rw-lilac)!important;border-color:rgba(248,135,255,.6)!important;background:rgba(246,1,157,.12)!important;letter-spacing:.08em}
html.retrowave .sec-head .icon-badge{border:1px solid #F887FF!important;box-shadow:0 0 18px rgba(246,1,157,.6),inset 0 0 14px rgba(151,0,204,.4)!important;background:rgba(32,13,58,.7)!important;border-radius:14px!important}
/* h1: parpadeo neón sutil en la palabra destacada */
html.retrowave h1 span{animation:rwFlicker 9s infinite!important}
@keyframes rwFlicker{0%,18%,22%,62%,64%,100%{opacity:1}20%,63%{opacity:.78}21%{opacity:.95}}
/* subrayado animado en links de texto */
html.retrowave main a:not(.btn):not(.card):not([class*="card"]):hover{text-shadow:0 0 8px currentColor}
/* botones: brillo que cruza al pasar el mouse */
html.retrowave .btn{position:relative;overflow:hidden;isolation:isolate}
html.retrowave .btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-22deg);pointer-events:none;z-index:1;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .55s ease}
html.retrowave .btn:hover:after{left:130%}
html.retrowave .btn:active{transform:translateY(1px) scale(.99)}
/* hero: pill de estado y orbe */
html.retrowave .hero-live{font-family:var(--mono);color:var(--rw-lilac);letter-spacing:.08em;text-transform:uppercase}
html.retrowave .status-head .lbl{font-family:var(--display);color:#fff;letter-spacing:.14em;text-shadow:0 0 8px #F6019D}
html.retrowave .status-row{transition:transform .2s,box-shadow .2s,border-color .2s}
html.retrowave .status-row:hover{border-color:#F6019D!important;box-shadow:0 0 18px -2px rgba(246,1,157,.7)!important}
/* FAQ / novedades */
html.retrowave .faq-item summary,html.retrowave .faq-item button{color:#fff;font-family:var(--display);letter-spacing:.03em}
html.retrowave .faq-item[open],html.retrowave .faq-item.open{border-color:#F6019D!important}
html.retrowave .novedad-card .fecha,html.retrowave .novedad-card time{color:var(--rw-lilac);font-family:var(--mono)}
/* footer con logo neón */
html.retrowave footer{margin-top:34px;padding-top:26px;position:relative}
html.retrowave footer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#2DE2E6,#F6019D,#F887FF,transparent);box-shadow:0 0 16px #F6019D}
html.retrowave .fbrand{color:var(--text-dim)!important;font-family:var(--mono)}
html.retrowave .fbrand img{height:34px!important;width:auto!important;opacity:1!important;margin:-6px 0;filter:drop-shadow(0 0 4px rgba(246,1,157,.55))}
html.retrowave .fmeta,html.retrowave .fmeta b{font-family:var(--display);color:var(--rw-cyan)!important;letter-spacing:.14em;text-shadow:0 0 10px rgba(45,226,230,.8)}
/* logo del header sin el viejo drop-shadow (el logo neón ya trae su resplandor) */
html.retrowave .brand img{filter:drop-shadow(0 0 3px rgba(246,1,157,.45))!important}
html.retrowave .brand:hover img{filter:drop-shadow(0 0 8px rgba(45,226,230,.9))!important;transform:translateY(-1px)}
html.retrowave .fbrand img:hover{filter:drop-shadow(0 0 10px rgba(45,226,230,.9))}

/* ---------- reproductor flotante ---------- */
#rw-ctl .rw-now{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:8px;background:rgba(32,13,58,.9);
 border:1px solid rgba(246,1,157,.8);box-shadow:0 0 14px rgba(246,1,157,.55),inset 0 0 10px rgba(151,0,204,.35)}
#rw-ctl .rw-track{font:700 10px 'Orbitron','Chakra Petch',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fbeaff;text-shadow:0 0 8px #F6019D;white-space:nowrap}
#rw-ctl .rw-eq{display:flex;align-items:flex-end;gap:2px;height:16px}
#rw-ctl .rw-eq i{display:block;width:3px;height:30%;background:linear-gradient(180deg,#2DE2E6,#F6019D);box-shadow:0 0 6px #F6019D;border-radius:1px}
#rw-ctl.playing:not(.muted) .rw-eq i{animation:rwEq .9s ease-in-out infinite alternate}
#rw-ctl.playing:not(.muted) .rw-eq i:nth-child(2){animation-duration:.65s;animation-delay:-.2s}
#rw-ctl.playing:not(.muted) .rw-eq i:nth-child(3){animation-duration:1.1s;animation-delay:-.5s}
#rw-ctl.playing:not(.muted) .rw-eq i:nth-child(4){animation-duration:.75s;animation-delay:-.35s}
@keyframes rwEq{from{height:20%}to{height:100%}}
@media (max-width:700px){#rw-ctl{right:66px;bottom:12px;gap:6px}#rw-ctl .rw-track{display:none}#rw-ctl .rw-now{padding:0 11px}}
@media (prefers-reduced-motion:reduce){#rw-ctl .rw-eq i,html.retrowave .rw-aurora,html.retrowave .rw-sun-in,html.retrowave header:after,html.retrowave h1 span,html.retrowave .rw-reflect,html.retrowave .rw-shoot{animation:none!important}}
html.retrowave.low-perf .rw-aurora,html.retrowave.low-perf .rw-shoot,html.retrowave.low-perf .rw-reflect,html.retrowave.low-perf .rw-sun-in,html.retrowave.low-perf header:after{animation:none!important}
html.retrowave.low-perf .rw-aurora{display:none}
html.retrowave.low-perf .rw-mtn.back{filter:none}
html.retrowave footer{padding-bottom:84px!important}