:root{
  --bg:#0a0e0c;
  --panel:#101712;
  --line:#1e2a20;
  --green:#8fff6a;
  --green-dim:#4a7a3a;
  --amber:#ffb347;
  --text:#dfe8df;
  --muted:#8fa291;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:'Rajdhani',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:18px;line-height:1.5;overflow-x:hidden;
}
h1,h2,h3,.brand{font-family:'Black Ops One',Impact,sans-serif;font-weight:400;letter-spacing:.02em}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* NAV */
#nav{
  position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:28px;
  padding:14px 28px;transition:background .3s,box-shadow .3s;
}
#nav.solid{background:rgba(8,12,9,.92);box-shadow:0 2px 18px rgba(0,0,0,.5);backdrop-filter:blur(8px)}
.brand{font-size:22px;color:#fff;text-decoration:none}
.brand span{color:var(--green)}
.links{margin-left:auto;display:flex;align-items:center;gap:22px}
.links a{color:var(--text);text-decoration:none;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.08em}
.links a:hover{color:var(--green)}
.links a.cta{border:1px solid var(--green);color:var(--green);padding:6px 16px;border-radius:3px}
.links a.cta:hover{background:var(--green);color:#0a0e0c}
#navToggle{display:none;background:none;border:1px solid var(--line);color:var(--text);font-size:20px;padding:4px 10px;border-radius:3px}
#langSelect{background:#0d130e;color:var(--text);border:1px solid var(--line);border-radius:3px;padding:4px 6px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer}

/* HERO */
header#inicio{
  position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;
}
#bgvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-overlay{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(6,10,7,.72) 0%,rgba(6,10,7,.45) 45%,rgba(10,14,12,.96) 100%)}
.hero-content{position:relative;z-index:2;padding:120px 24px 80px;max-width:960px}
.kicker{color:var(--amber);letter-spacing:.5em;font-weight:700;font-size:14px;margin-bottom:18px}
h1{font-size:clamp(44px,8vw,92px);line-height:.95;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}
h1 .sub{display:block;font-size:clamp(15px,2.2vw,26px);color:var(--green);letter-spacing:.35em;margin-top:12px;font-family:'Rajdhani',sans-serif;font-weight:700}
.tagline{margin:26px auto 34px;font-size:clamp(18px,2.4vw,24px);color:var(--text);max-width:640px}
.tagline strong{color:var(--green)}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{
  display:inline-block;text-decoration:none;cursor:pointer;border:0;border-radius:4px;
  font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  transition:transform .15s,box-shadow .15s,background .15s;
}
.btn.big{padding:16px 34px;font-size:19px}
.btn.primary{background:var(--green);color:#0a130a;box-shadow:0 6px 26px rgba(143,255,106,.35)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 34px rgba(143,255,106,.5)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(4px)}
.btn.ghost:hover{background:rgba(255,255,255,.18)}
.platforms{margin-top:30px;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-size:15px;font-weight:600}
.platforms .on{color:var(--green)}
.platforms .soon{color:var(--muted)}
.scroll-hint{
  position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;
  color:var(--green);font-size:26px;text-decoration:none;animation:bob 1.6s infinite;
}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

/* STRIP F2P */
.strip{background:linear-gradient(90deg,#132312,#0d1a0e);border-block:1px solid var(--line)}
.strip-inner{display:flex;align-items:center;gap:22px;padding:18px 24px;flex-wrap:wrap;justify-content:center}
.badge-f2p{
  font-family:'Black Ops One',sans-serif;color:#0a130a;background:var(--amber);
  padding:6px 16px;border-radius:3px;font-size:18px;letter-spacing:.06em;
}
.strip p{font-size:19px;color:var(--text)}
.strip strong{color:var(--green)}

/* SECCIONES */
section{padding:96px 0}
section h2{font-size:clamp(30px,4.4vw,44px);color:#fff;margin-bottom:10px}
section h2::after{content:"";display:block;width:84px;height:3px;background:var(--green);margin-top:14px}
.section-sub{color:var(--muted);margin-bottom:44px;font-size:20px}
.alt{background:var(--panel)}

/* CARACTERISTICAS */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.card{
  background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:28px 24px;
  transition:transform .2s,border-color .2s;
}
.card:hover{transform:translateY(-4px);border-color:var(--green-dim)}
.card .ico{font-size:34px;margin-bottom:14px}
.card h3{color:var(--green);font-size:20px;margin-bottom:10px}
.card p{color:var(--text);font-size:16.5px}

/* OPERACIONES */
.ops{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px}
.op{
  position:relative;background:#0c120e;border:1px solid var(--line);border-left:4px solid var(--green-dim);
  border-radius:6px;padding:30px 26px;transition:border-color .2s,transform .2s;
}
.op:hover{border-left-color:var(--green);transform:translateY(-3px)}
.op-tag{
  position:absolute;top:-12px;right:18px;font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:13px;letter-spacing:.12em;padding:4px 12px;border-radius:3px;
}
.op-tag.free{background:var(--green);color:#0a130a}
.op-tag.war{background:var(--amber);color:#241300}
.op h3{color:#fff;font-size:23px;margin-bottom:6px}
.op-loc{color:var(--amber);font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.op p{color:var(--text)}

/* GALERIA */
.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.shots img{
  width:100%;display:block;border-radius:4px;border:1px solid var(--line);cursor:zoom-in;
  transition:transform .2s,border-color .2s;
}
.shots img:hover{transform:scale(1.03);border-color:var(--green-dim)}

/* MANUAL */
.manual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px}
.m-card{background:#0c120e;border:1px solid var(--line);border-top:3px solid var(--green-dim);border-radius:6px;padding:26px 24px}
.m-card:hover{border-top-color:var(--green)}
.m-card.m-wide{grid-column:1/-1;border-top-color:var(--amber)}
.m-card h3{color:var(--green);font-size:19px;letter-spacing:.08em;margin-bottom:14px}
.m-wide h3{color:var(--amber)}
.m-card ul{list-style:none}
.m-card li{padding:7px 0;font-size:16.5px;color:var(--text);border-bottom:1px dashed rgba(255,255,255,.06)}
.m-card li:last-child{border-bottom:0}
.m-card .k{
  font-family:'Courier New',monospace;font-weight:700;font-size:14.5px;color:var(--amber);
  background:#131c14;border:1px solid var(--line);border-radius:3px;padding:1px 8px;margin-right:6px;
  white-space:nowrap;display:inline-block;
}
.m-pad,.m-tip{margin-top:12px;font-size:15px;color:var(--muted);line-height:1.55}
.m-tip{color:var(--green-dim)}

/* CTA FINAL */
.cta-final{position:relative;background:url(../img/page_bg_raw.jpg) center/cover fixed;text-align:center}
.cta-final .cta-inner{position:relative;z-index:2;padding:120px 24px}
.cta-final h2{font-size:clamp(34px,5.4vw,58px);color:#fff}
.cta-final p{margin:14px 0 34px;font-size:22px}
.cta-final .micro{margin-top:18px;font-size:15px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase}

/* FOOTER */
footer{background:#070a08;border-top:1px solid var(--line);padding:34px 0}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.foot strong{font-family:'Black Ops One',sans-serif;color:#fff;font-size:16px}
.foot p{color:var(--muted);font-size:14.5px}
.foot-links{display:flex;gap:24px;flex-wrap:wrap}
.foot-links a{color:var(--text);text-decoration:none;font-weight:600}
.foot-links a:hover{color:var(--green)}

/* MODALES */
.modal{
  position:fixed;inset:0;z-index:100;background:rgba(4,7,5,.92);
  display:flex;align-items:center;justify-content:center;padding:24px;
}
.modal[hidden]{display:none}
.modal-box{position:relative;width:min(1100px,100%)}
.modal video{width:100%;border-radius:6px;box-shadow:0 20px 80px rgba(0,0,0,.7)}
.modal-close{
  position:absolute;top:-44px;right:0;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;
}
#lightbox img{max-width:94vw;max-height:88vh;border-radius:4px}
#lightbox{flex-direction:column}

@media(max-width:900px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .shots{grid-template-columns:repeat(2,1fr)}
  .ops{grid-template-columns:1fr}
  .manual-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  section{padding:68px 0}
  #navToggle{display:block;margin-left:auto}
  .links{
    display:none;position:absolute;top:100%;right:16px;flex-direction:column;align-items:flex-end;
    background:rgba(8,12,9,.97);border:1px solid var(--line);border-radius:6px;padding:18px 22px;gap:14px;
  }
  .links.open{display:flex}
  .grid{grid-template-columns:1fr}
  .hero-ctas .btn.big{width:100%;text-align:center}
  .cta-final{background-attachment:scroll}
}