:root{
  --g1:#2a6a13;--g2:#42C920;--g3:#a6ff9e;--bg:#0a0a0a;--fg:#eaeaea;
  --cta-d:clamp(120px,15vh,200px);--cta-right:clamp(44px,12vw,180px);--safe:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--fg);overflow-x:hidden}
header{position:fixed;top:0;left:0;width:100%;height:62px;background:rgba(0,0,0,.94);padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--g2);z-index:1000;backdrop-filter:blur(6px)}
header h1{font-size:clamp(20px,3vw,28px);color:#fff;letter-spacing:.5px}header h1 span{color:var(--g2)}
.menu-btn{background:none;border:none;color:var(--g2);font-size:2rem;cursor:pointer}
nav#menu{position:fixed;top:62px;right:0;z-index:9999;display:none;flex-direction:column;align-items:flex-end;padding:1rem;gap:.5rem;background:rgba(0,0,0,.76);border-radius:0 0 0 14px;backdrop-filter:blur(7px)}
nav#menu.show{display:flex}nav#menu a{color:#fff;text-decoration:none;padding:.75rem 1rem;border:1px solid var(--g2);border-radius:8px;background:#050505;text-align:right;min-width:150px;transition:.2s}
nav#menu a:hover{background:#171717;color:var(--g2);transform:translateX(-3px);box-shadow:0 0 14px rgba(66,201,32,.18)}
section{width:100%;min-height:100vh;padding:88px 20px 56px}.section-container{max-width:1100px;margin:0 auto}
.hero{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#000;padding:0}
.carousel{position:absolute;inset:0}.slide{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;transition:opacity .8s ease}.slide.active{opacity:1}
.slide.s1{background-image:url('img/slide1.jpg')}.slide.s2{background-image:url('img/slide2.jpg')}.slide.s3{background-image:url('img/slide3.jpg')}
.matrix{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.16;mix-blend-mode:screen;pointer-events:none}
.overlay-top{position:absolute;left:0;right:0;top:0;padding:calc(8vh + 62px) 5vw 3vh;text-align:center;z-index:2;pointer-events:none}.overlay-top h2{font-size:clamp(28px,6vw,60px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 18px rgba(66,201,32,.25)}
.overlay-bottom{position:absolute;left:0;right:0;bottom:clamp(210px,28vh,300px);padding:2vh 5vw;text-align:center;z-index:2}.overlay-bottom p{display:inline-block;max-width:1000px;padding:.65rem .9rem;border-radius:14px;background:rgba(0,0,0,.48);border:1px solid rgba(66,201,32,.28);font-size:clamp(14px,2.6vw,20px);box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 0 12px rgba(66,201,32,.10);backdrop-filter:blur(6px)}
.arrows{position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:8px;z-index:3;cursor:pointer}.arrows.left{left:3vw}.arrows.right{right:3vw}.arrows span{font-size:clamp(24px,6vw,54px);color:var(--g2);opacity:.65;text-shadow:0 0 8px rgba(66,201,32,.45)}
.dragon-radar{position:absolute;right:var(--cta-right);bottom:10vh;width:var(--cta-d);height:var(--cta-d);border-radius:50%;border:8px solid #f5f6f8;background:#2fc43a;overflow:hidden;z-index:4;box-shadow:0 0 0 1px #000;text-decoration:none}.dragon-radar:before{content:"";position:absolute;inset:8px;border-radius:50%;background:repeating-linear-gradient(0deg,rgba(0,60,0,.35) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,rgba(0,60,0,.35) 0 1px,transparent 1px 8px);box-shadow:inset 0 0 16px rgba(0,0,0,.28)}
.sweep{position:absolute;inset:8px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.18) 0 22deg,transparent 22deg);animation:sweep 4s linear infinite}.blip{position:absolute;left:68%;top:42%;width:8px;height:8px;border-radius:50%;background:#ffd400;box-shadow:0 0 12px #ffd400;animation:blink 1s infinite}.pointer{position:absolute;left:50%;top:50%;width:18px;height:16px;transform:translate(-50%,-50%);background:#e10600;clip-path:polygon(50% 0,0 100%,100% 100%);z-index:3}
@keyframes sweep{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.2}}
.cta-label{position:absolute;right:calc(var(--cta-right) + var(--cta-d) + 22px);bottom:calc(10vh + var(--cta-d)/2 - 30px);z-index:4;text-align:right}.cta-title{color:var(--g2);font-weight:900;font-size:clamp(20px,4vw,42px)}.cta-arrows{color:var(--g3);font-size:28px}
#servicios{background:#0c0c0c}.about-grid{display:grid;grid-template-columns:1fr;gap:24px}.card{background:#0e0e0e;border:1px solid #1a1a1a;border-radius:16px;padding:clamp(16px,2.2vw,28px);box-shadow:0 6px 24px rgba(0,0,0,.3)}
h2.section-title,h3{font-size:clamp(28px,5vw,46px);color:var(--g2);text-align:center;margin-bottom:22px}.lead{color:#cfcfcf;line-height:1.65}.schedule{margin-top:12px;text-align:center;font-weight:700;color:#cfeccd}.map-wrap{background:#0b0b0b;border:1px solid #151515;border-radius:16px;overflow:hidden;min-height:360px}.map-frame{width:100%;height:100%;min-height:360px;border:0;filter:grayscale(1) contrast(1.05) brightness(.9)}.rating-wrap{display:flex;justify-content:center;margin-top:14px}.star{font-size:28px;color:#ffd400;text-shadow:0 0 8px rgba(255,212,0,.45)}
.games-section{background:radial-gradient(circle at 50% 30%,rgba(66,201,32,.09),transparent 40%),#080808;display:flex;align-items:center}.games-heading{max-width:850px;margin:0 auto 32px;text-align:center}.games-kicker{color:var(--g2);font-family:monospace;letter-spacing:2px;margin-bottom:8px}.games-heading h2{color:var(--g2);font-size:clamp(32px,6vw,58px);font-weight:900;text-shadow:0 0 18px rgba(66,201,32,.25);margin-bottom:14px}.games-intro{color:#cfcfcf;line-height:1.6;font-size:clamp(15px,2vw,18px)}
.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{min-height:180px;padding:22px 18px;border:1px solid rgba(66,201,32,.6);border-radius:14px;color:#dfffd9;background:rgba(0,0,0,.72);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;transition:.2s}.game-card:hover{transform:translateY(-4px);background:rgba(66,201,32,.95);color:#000;box-shadow:0 0 22px rgba(66,201,32,.35)}.game-card strong{font-size:clamp(20px,2.5vw,28px)}.game-code{font-family:monospace;font-size:12px;opacity:.65}.game-card small{font-size:14px;line-height:1.4;opacity:.85}.games-actions{display:flex;justify-content:center;margin-top:24px}.btn{display:inline-block;border:1px solid var(--g2);background:transparent;color:#eaeaea;border-radius:10px;padding:.75rem 1rem;text-decoration:none;transition:.2s}.btn:hover{background:#111;color:var(--g2);transform:translateY(-1px)}
#motorcoca{background:#0c0c0c}.motor-title{font-size:clamp(30px,6vw,56px);color:var(--g2);text-align:center;font-weight:900}.motor-sub,.motor-desc{text-align:center}.motor-sub{color:#cfeccd;font-size:clamp(16px,3vw,22px);margin:8px 0}.motor-desc{max-width:900px;margin:0 auto 28px}.motorcoca-wrap{display:grid;place-items:center}.round-link{display:inline-block;border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 20px rgba(66,201,32,.35);transition:.25s}.round-link:hover{transform:scale(1.03)}.round-img{width:clamp(180px,30vw,330px);height:clamp(180px,30vw,330px);border-radius:50%;object-fit:cover}
footer{background:#070707;border-top:1px solid #151515;color:#aaa;padding:24px 20px}.footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.fbrand{font-weight:800;color:#fff}.fbrand span{color:var(--g2)}
@media(max-width:900px){.games-grid{grid-template-columns:repeat(2,1fr)}.cta-label{display:none}}
@media(max-width:560px){.games-grid{grid-template-columns:1fr}.game-card{min-height:135px}.dragon-radar{right:28px}.overlay-bottom{bottom:210px}}