@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap');
:root{--bg:#05020b;--panel:rgba(11,6,20,.84);--panel2:rgba(20,9,35,.9);--p:#9d38ff;--p2:#dca2ff;--p3:#5d12b8;--gold:#f0cf7a;--text:#f8f3ff;--muted:#aa9bbd;--line:rgba(191,107,255,.24);--green:#4df092;--red:#ff5876;--shadow:0 25px 90px rgba(0,0,0,.65)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Rajdhani,Segoe UI,sans-serif;overflow-x:hidden;cursor:url('../owl-cursor.svg') 16 16,auto}a,button,.btn,.play-btn,.social-btn,input,textarea,select{cursor:url('../owl-cursor.svg') 16 16,pointer}a{text-decoration:none;color:inherit}.site-bg{position:fixed;z-index:-4;inset:0;background:url('../../assets/mulechuzero-bg.jpg') center top/cover no-repeat;filter:saturate(1.1) contrast(1.08)}.site-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,1,9,.05) 0%,rgba(5,2,11,.2) 35%,rgba(5,2,11,.98) 91%),linear-gradient(90deg,rgba(3,1,9,.72),transparent 34%,transparent 66%,rgba(3,1,9,.72))}.vignette{position:fixed;inset:0;z-index:-3;pointer-events:none;box-shadow:inset 0 0 220px 80px rgba(0,0,0,.72)}.particles{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(circle,rgba(214,145,255,.65) 0 1px,transparent 1.5px);background-size:97px 113px;opacity:.16;animation:drift 18s linear infinite}@keyframes drift{to{background-position:97px 113px}}
.container{width:min(1200px,92%);margin:auto}.nav-wrap{position:fixed;z-index:80;top:0;left:0;right:0;background:rgba(4,2,9,.72);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:9px;line-height:.8;text-shadow:0 0 24px rgba(170,66,255,.6)}.logo span{grid-row:span 2;font-family:Orbitron;font-size:27px;font-weight:900;color:#e9d8ff}.logo b{font-family:Orbitron;font-size:17px;letter-spacing:2px}.logo small{font-size:8px;letter-spacing:4px;color:var(--p2);font-weight:800}.logo.mini{transform:scale(.9);transform-origin:left}.nav nav{display:flex;gap:22px}.nav nav a{font-size:12px;font-weight:800;letter-spacing:1.4px;color:#d8cbe5;transition:.2s}.nav nav a:hover{color:#fff;text-shadow:0 0 14px var(--p)}.nav-buttons{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;border:1px solid var(--line);background:rgba(29,11,48,.72);font-family:Orbitron;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer;color:#fff;transition:.22s;box-shadow:0 7px 25px rgba(0,0,0,.2)}.btn:hover{transform:translateY(-2px);border-color:#d79aff;box-shadow:0 0 30px rgba(157,56,255,.25)}.btn.primary{background:linear-gradient(135deg,#bd4aff,#6414c2);border-color:#dba1ff;box-shadow:0 0 30px rgba(150,45,255,.22)}.btn.gold{background:linear-gradient(135deg,#e9ca70,#8d6722);border-color:#ffe69b;color:#180f02}.btn.ghost{background:rgba(8,3,14,.6)}.mobile-toggle{display:none;background:none;color:#fff;border:0;font-size:26px}

.hero{min-height:680px;padding-top:100px;display:flex;align-items:flex-end;padding-bottom:34px;text-align:center}.hero-content{max-width:900px;margin:auto}.status-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:rgba(8,3,15,.64);padding:9px 15px;border-radius:999px;font-family:Orbitron;font-size:10px;letter-spacing:1.7px}.dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 16px var(--green)}.hero h1{font-family:Orbitron;font-size:clamp(54px,9vw,118px);letter-spacing:-5px;line-height:.78;margin:25px 0 16px;text-shadow:0 12px 55px #000,0 0 45px rgba(159,54,255,.5)}.hero h1 em{display:block;font-style:normal;color:#d69aff;font-size:.33em;letter-spacing:9px;margin-top:22px}.hero p{font-size:19px;line-height:1.55;color:#d6c9e2;max-width:760px;margin:0 auto}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-meta{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-family:Orbitron;font-size:9px;letter-spacing:1px;color:#b9abc7}.hero-meta strong{color:#fff}.online{color:var(--green)!important}.online-dot{color:var(--green);font-family:Orbitron;font-size:11px}
section{padding:64px 0;position:relative}.section-title{text-align:center;margin-bottom:34px}.section-title .over{font-family:Orbitron;font-size:10px;letter-spacing:4px;color:var(--p2);font-weight:800}.section-title h2{font-family:Orbitron;font-size:42px;margin:10px 0 8px}.section-title p{color:var(--muted);max-width:700px;margin:auto;font-size:15px;line-height:1.7}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,1fr)}.card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(24,10,40,.9),rgba(7,4,14,.9));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);transition:.25s}.card:before{content:"";position:absolute;width:220px;height:220px;right:-120px;top:-120px;background:radial-gradient(circle,rgba(167,56,255,.22),transparent 70%);pointer-events:none}.card:hover{transform:translateY(-3px);border-color:rgba(211,148,255,.45)}.stat-icon{font-size:28px}.stat-value{font-family:Orbitron;font-size:27px;font-weight:900;margin-top:12px}.stat-label{color:#9f91ae;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:5px}.bar{height:7px;background:#271533;border-radius:20px;overflow:hidden;margin-top:18px}.bar i{display:block;height:100%;width:72%;background:linear-gradient(90deg,#7120dc,#d990ff);box-shadow:0 0 20px #9c3dff}.two{grid-template-columns:1.25fr .75fr}.news{display:grid;gap:12px}.news-item{display:flex;gap:15px;padding:16px;border:1px solid var(--line);border-radius:13px;background:rgba(10,5,18,.6)}.news-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:11px;background:rgba(142,45,231,.15);font-size:21px;flex:0 0 auto}.tag{display:inline-block;color:#d9a4ff;background:rgba(153,55,246,.13);border:1px solid rgba(191,107,255,.2);padding:4px 7px;border-radius:5px;font-family:Orbitron;font-size:8px;letter-spacing:1px}.news h3{margin:5px 0 4px;font-size:16px}.news p,.muted{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature h3{font-family:Orbitron;font-size:14px}.feature p{color:var(--muted);line-height:1.6}.events{grid-template-columns:repeat(3,1fr)}.event-time{font-family:Orbitron;font-size:30px;color:#e3b7ff;margin:13px 0 4px}.event small{color:#8f809f}.rank-grid{grid-template-columns:1fr 1fr}.rank h3{font-family:Orbitron;font-size:14px;margin-top:0}.rank table{width:100%;border-collapse:collapse}.rank th,.rank td{padding:13px 6px;border-bottom:1px solid rgba(191,107,255,.11);text-align:left;font-size:13px}.rank th{font-family:Orbitron;font-size:8px;color:#8e819e;letter-spacing:1px}.rank td:first-child{color:var(--gold);font-family:Orbitron}.class{color:#c995ff}.download{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}.download h2{font-family:Orbitron;font-size:44px;margin:10px 0}.download-list{display:grid;gap:9px}.download-list div{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);background:rgba(8,4,14,.58);border-radius:10px;font-size:13px}.download-list strong{color:#e0b5ff;font-family:Orbitron;font-size:9px}.cta{text-align:center}.cta h2{font-family:Orbitron;font-size:42px}.cta p{color:var(--muted)}
footer{background:rgba(4,2,9,.94);border-top:1px solid var(--line);padding:52px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-bottom:45px}.footer-grid h4{font-family:Orbitron;font-size:10px;letter-spacing:2px;color:#d49cff}.footer-grid>a,.footer-grid>div>a{display:block;color:#9e90ad;margin:9px 0;font-size:13px}.footer-grid p{color:#81758d;font-size:12px}.copyright{text-align:center;border-top:1px solid rgba(191,107,255,.1);padding:17px;color:#6f6479;font-size:11px}
.form-page{min-height:100vh;padding:145px 0 70px}.form-card{width:min(520px,100%);margin:auto}.form-card h1{font-family:Orbitron;font-size:30px}.form{display:grid;gap:12px}.form label{font-family:Orbitron;font-size:9px;letter-spacing:1px;color:#bba9ca}.form input,.form textarea,.form select{width:100%;padding:14px 15px;border-radius:10px;border:1px solid var(--line);background:#07040c;color:#fff;outline:0;font:inherit}.form input:focus,.form textarea:focus,.form select:focus{border-color:#b45cff;box-shadow:0 0 18px rgba(160,55,255,.12)}.notice{padding:12px 14px;border-radius:9px;background:rgba(155,53,255,.12);border:1px solid var(--line);color:#d6c6e3;font-size:13px}.notice.error{border-color:rgba(255,88,118,.4);color:#ffafbc}
@media(max-width:980px){.nav nav{display:none}.nav-buttons{display:none}.mobile-toggle{display:block}.nav{height:72px}.menu-open .nav nav{display:flex;position:absolute;top:72px;left:0;right:0;background:rgba(5,2,11,.97);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.stats{grid-template-columns:1fr 1fr}.events,.feature-grid,.video-grid{grid-template-columns:1fr 1fr}.download,.two,.rank-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.flashlight{display:none}}
.social-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:75;display:flex;flex-direction:column;gap:16px}
.social-btn{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:rgba(20,9,35,.85);border:1px solid var(--line);color:#e9d8ff;box-shadow:0 8px 25px rgba(0,0,0,.4);backdrop-filter:blur(6px);transition:.22s}.social-btn:hover{transform:translateX(-4px) scale(1.08);border-color:#dba1ff;box-shadow:0 0 22px rgba(157,56,255,.4)}.social-btn.fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.social-btn.tk:hover{background:#0a0a0a;color:#fff;border-color:#25f4ee}.social-btn.dc:hover{background:#5865f2;color:#fff;border-color:#5865f2}.social-btn.wa:hover{background:#25d366;color:#08240f;border-color:#25d366}
.download-bubble{position:fixed;left:18px;top:14%;z-index:76;display:flex;align-items:center;gap:10px;text-decoration:none}
.download-bubble .bubble-icon{flex:0 0 auto;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#bd4aff,#6414c2);border:1px solid #dba1ff;color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.45),0 0 0 0 rgba(189,74,255,.55);animation:pulse-ring 2.6s ease-out infinite;transition:.22s}
.download-bubble .bubble-label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;background:rgba(20,9,35,.92);border:1px solid var(--line);color:#fff;font-family:Orbitron;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:0;border-radius:10px;transition:.25s}
.download-bubble:hover .bubble-label{max-width:220px;opacity:1;padding:12px 16px}
.download-bubble:hover .bubble-icon{transform:scale(1.06);border-color:#f0cf7a}
@keyframes pulse-ring{0%{box-shadow:0 8px 25px rgba(0,0,0,.45),0 0 0 0 rgba(189,74,255,.55)}70%{box-shadow:0 8px 25px rgba(0,0,0,.45),0 0 0 16px rgba(189,74,255,0)}100%{box-shadow:0 8px 25px rgba(0,0,0,.45),0 0 0 0 rgba(189,74,255,0)}}
@media(max-width:600px){.social-rail{left:auto;right:10px;top:auto;bottom:16px;flex-direction:column;transform:none;gap:10px}.social-btn{width:56px;height:56px}.social-btn svg{width:26px;height:26px}.download-bubble{left:10px;right:auto;top:auto;bottom:16px}.download-bubble .bubble-icon{width:56px;height:56px}.download-bubble .bubble-icon svg{width:24px;height:24px}.download-bubble .bubble-label{display:none}}
body.is-loading{overflow:hidden}
#preloader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#0d0518 0%,#05020b 65%,#020009 100%);transition:opacity .6s ease,visibility .6s ease}
#preloader.hide{opacity:0;visibility:hidden;pointer-events:none}
.preloader-inner{text-align:center}
.preloader-owl{width:90px;height:90px;filter:drop-shadow(0 0 20px rgba(157,56,255,.55));animation:owl-float 2.6s ease-in-out infinite}
@keyframes owl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.preloader-title{margin:24px 0 22px;font-family:Georgia,'Times New Roman',serif;font-variant:small-caps;font-size:17px;letter-spacing:4px;color:#c9bcd6}
.preloader-bar{width:224px;height:3px;margin:0 auto;border-radius:20px;overflow:hidden;background:#241531}
.preloader-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--p),var(--gold));transition:width .25s ease}
.preloader-pct{margin-top:14px;font-family:Rajdhani,sans-serif;font-size:13px;letter-spacing:2px;color:var(--gold)}

.video-carousel{position:relative;display:flex;align-items:center;gap:10px}
.video-carousel .video-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:20px;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap!important;cursor:grab;user-select:none}
.video-carousel .video-grid.dragging{cursor:grabbing;scroll-snap-type:none}
.video-carousel .video-grid::-webkit-scrollbar{display:none}
.video-carousel .video-card{flex:0 0 calc(33.333% - 14px);scroll-snap-align:start;min-width:260px}
.video-carousel::before,.video-carousel::after{content:'';position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:1}
.video-carousel::before{left:44px;background:linear-gradient(90deg,#08040f,transparent)}
.video-carousel::after{right:44px;background:linear-gradient(270deg,#08040f,transparent)}
.carousel-arrow{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:rgba(15,7,24,.85);border:1px solid #352040;color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .15s}
.carousel-arrow:hover{background:#2e1065;transform:scale(1.08)}
@media(max-width:900px){.video-carousel .video-card{flex:0 0 85%}.video-carousel::before,.video-carousel::after{display:none}}
.video-carousel .video-card{transition:transform .3s ease, box-shadow .3s ease}
.video-carousel .video-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 14px 34px rgba(168,85,247,.4)}
.video-carousel .play-btn{transition:transform .25s ease}
.video-carousel .video-card:hover .play-btn{transform:scale(1.12)}

.side-fab-stack{position:fixed;left:18px;top:calc(14% + 116px);z-index:76;display:flex;flex-direction:column;gap:26px}
.fab-countdown{display:flex;align-items:center;gap:10px;text-decoration:none}
.fab-countdown .fab-icon{flex:0 0 auto;width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c0d4a,#120626);border:1px solid var(--line);box-shadow:0 8px 25px rgba(0,0,0,.45);transition:.22s}
.fab-countdown:hover .fab-icon{transform:scale(1.06)}
.fab-countdown.invasion .fab-icon{border-color:rgba(255,88,118,.5);box-shadow:0 8px 25px rgba(0,0,0,.45),0 0 22px rgba(255,88,118,.25)}
.fab-countdown.invasion:hover .fab-icon{border-color:#ff5876}
.fab-countdown.event .fab-icon{border-color:rgba(240,207,122,.5);box-shadow:0 8px 25px rgba(0,0,0,.45),0 0 22px rgba(240,207,122,.22)}
.fab-countdown.event:hover .fab-icon{border-color:#f0cf7a}
.fab-owl{margin-bottom:6px;filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}
.fab-countdown .fab-time{font-family:Orbitron;font-size:15px;font-weight:900;letter-spacing:.5px}
.fab-countdown.invasion .fab-time{color:#ff9d9d}
.fab-countdown.event .fab-time{color:#ffe69b}
.fab-countdown .fab-label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;background:rgba(20,9,35,.92);border:1px solid var(--line);color:#fff;font-family:Orbitron;font-size:10px;font-weight:800;letter-spacing:1px;padding:0;border-radius:10px;transition:.25s;line-height:1.6}
.fab-countdown .fab-label small{display:block;color:#c9bcd6;font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:0;font-size:11px;margin-top:2px}
.fab-countdown:hover .fab-label{max-width:240px;opacity:1;padding:12px 16px}
@media(max-width:600px){.side-fab-stack{display:none}}
/* ===== Guías: video-frame cuadrado, título overlay y play funcional ===== */
.video-frame{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#000}
.video-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-frame::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(to top,rgba(5,2,11,.92) 0%,rgba(5,2,11,.55) 45%,transparent 100%);pointer-events:none;z-index:1}
.video-title-link{position:absolute;top:10px;left:10px;right:52px;z-index:2;display:block;text-decoration:none;background:rgba(8,3,14,.62);backdrop-filter:blur(3px);border-radius:9px;padding:6px 10px;transition:background .2s ease}
.video-title-link:hover{background:rgba(157,56,255,.6)}
.video-eyebrow{display:block;font-family:Orbitron,sans-serif;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#d9a4ff;margin-bottom:2px}
.video-title{display:block;font-size:13px;font-weight:700;color:#fff;line-height:1.25}
.video-frame .play-btn{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(157,56,255,.85);border:0;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0}
.video-card .muted{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== Noticias: tarjeta de carrusel (miniatura opcional + ancho fijo) ===== */
.news-card{flex:0 0 300px;padding:22px 20px;display:flex;flex-direction:column}
.news-card .news-icon{font-size:26px;margin-bottom:10px}
.news-card h3{margin:8px 0 6px;font-size:16px}
.news-title-link{color:#fff;text-decoration:none;transition:color .2s ease}
.news-title-link:hover{color:#d9a4ff}
.news-card p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.news-thumb{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;margin-bottom:12px;background:#000}
.news-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.news-thumb.video-frame{aspect-ratio:16/9}
.news-thumb.video-frame .play-btn{width:38px;height:38px;font-size:14px}

/* pausa visual al pasar el mouse por cualquier carrusel con auto-scroll */
.auto-carousel.dragging{cursor:grabbing}