/* ─── TOKENS ───────────────────────────────── */
:root {
  --bk:#050A14; --nv:#0D1B3E; --nv2:#0A1628; --md:#1A0A3D;
  --co:#0066FF; --co2:#4D9FFF; --gd:#F0B429; --gd2:#FFD166;
  --cy:#00D4FF; --pu:#7B2FFF; --wh:#F8F9FF; --gr:#8892A4;
  --gl:rgba(13,27,62,.65); --gb:rgba(0,212,255,.15);
  --nh:64px; --bh:36px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:clip;max-width:100%;}
body{background:var(--bk);color:var(--wh);font-family:'Inter',sans-serif;overflow-x:hidden;max-width:100vw;position:relative;}

/* ─── LOADER ───────────────────────────────── */
#ldr{position:fixed;inset:0;z-index:9999;background:var(--bk);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;
  transition:opacity .7s ease,visibility .7s ease;}
#ldr.out{opacity:0;visibility:hidden;}
.ldrOrb{width:76px;height:76px;background:linear-gradient(135deg,var(--co),var(--cy));
  border-radius:18px;display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem;color:#fff;
  box-shadow:0 0 50px rgba(0,102,255,.6);animation:ldrP 1.1s ease-in-out infinite;}
@-webkit-keyframes ldrP{ 0%,100%{transform:scale(1);} 50%{transform:scale(1.1);box-shadow:0 0 80px rgba(0,102,255,.9);} }
@keyframes ldrP{0%,100%{transform:scale(1);}50%{transform:scale(1.1);box-shadow:0 0 80px rgba(0,102,255,.9);}}
.ldrBar{width:180px;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;}
.ldrFill{height:100%;background:linear-gradient(90deg,var(--co),var(--gd));
  border-radius:2px;animation:ldrF 1.5s ease-out forwards;}
@-webkit-keyframes ldrF{ 0%{width:0%;} 100%{width:100%;} }
@keyframes ldrF{0%{width:0%;}100%{width:100%;}}
.ldrTxt{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--gr);letter-spacing:3px;text-transform:uppercase;}

/* ─── NAV ──────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nh);
  display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;
  background:rgba(5,10,20,.95);-webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
  border-bottom:1px solid var(--gb);transition:background .3s;}
.nLogo{display:flex;align-items:center;gap:.8rem;text-decoration:none;}
.nLogoImg{width:172px;height:auto;display:block;flex-shrink:0;
  filter:drop-shadow(0 1px 6px rgba(0,212,255,.28));transition:filter .3s,transform .3s;}
.nLogo:hover .nLogoImg{filter:drop-shadow(0 1px 10px rgba(0,212,255,.5));transform:translateY(-1px);}
.nMark{width:38px;height:38px;flex-shrink:0;
  background:linear-gradient(135deg,var(--co),var(--cy));border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.82rem;color:#fff;}
.nTxt{display:flex;flex-direction:column;gap:6px;}
.nMain{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.9rem;
  color:var(--wh);line-height:1;white-space:nowrap;}
.nLinks{display:flex;gap:1.5rem;list-style:none;align-items:center;}
.nLinks a{color:var(--gr);text-decoration:none;font-size:.8rem;font-weight:500;
  transition:color .25s;white-space:nowrap;}
.nLinks a:hover{color:var(--cy);}
.nCta{background:linear-gradient(135deg,var(--co),var(--cy));
  color:#fff!important;padding:.48rem 1.25rem;border-radius:50px;font-weight:600!important;}
.nCta:hover{background:linear-gradient(135deg,var(--gd),#E87C00)!important;
  color:var(--bk)!important;transform:translateY(-2px);}
/* Hamburger */
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;
  padding:.4rem;border:none;background:transparent;z-index:1020;}
.ham span{display:block;width:23px;height:2px;background:var(--wh);
  border-radius:2px;transition:all .3s;}
.ham.on span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.ham.on span:nth-child(2){opacity:0;transform:translateX(-10px);}
.ham.on span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* Mobile menu */
.mMenu{position:fixed;inset:0;z-index:1010;background:rgba(5,10,20,.98);
  -webkit-backdrop-filter:blur(30px); backdrop-filter:blur(30px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .4s ease,visibility .4s ease;}
.mMenu.on{opacity:1;visibility:visible;pointer-events:all;}
.mMenu a{font-family:'Space Grotesk',sans-serif;font-size:1.4rem;font-weight:600;
  color:var(--wh);text-decoration:none;transition:color .25s;padding:.4rem 1.5rem;}
.mMenu a:hover{color:var(--gd);}
.mMenu .mCta{background:linear-gradient(135deg,var(--co),var(--cy));
  color:#fff!important;border-radius:50px;margin-top:.5rem;}
.mSoc{display:flex;gap:1.2rem;margin-top:.5rem;}
.mSoc a{font-size:1.1rem!important;padding:.4rem .8rem!important;}

/* ─── COMPANY BAND ──────────────────────────── */
.cBand{position:fixed;top:var(--nh);left:0;right:0;z-index:1001;
  height:var(--bh);display:block;
  width:100%;max-width:100vw;
  background:rgba(5,10,20,.97);-webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
  border-top:1px solid rgba(240,180,41,.1);
  border-bottom:1px solid rgba(240,180,41,.28);
  overflow:hidden;}
.cBandIn{display:inline-flex;align-items:center;gap:1.25rem;
  padding:0 2.5rem;flex-shrink:0;height:var(--bh);white-space:nowrap;}
.cDot{width:5px;height:5px;border-radius:50%;background:var(--gd);animation:pulse 2s infinite;}
@-webkit-keyframes pulse{ 0%,100%{opacity:1;} 50%{opacity:.3;} }
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.cTxt{font-family:'Space Grotesk',sans-serif;font-size:.72rem;font-weight:700;
  letter-spacing:4px;text-transform:uppercase;white-space:nowrap;
  background:linear-gradient(90deg,var(--gd),#fff,var(--gd2),#fff,var(--gd));
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:shimmer 5s linear infinite;}
@-webkit-keyframes shimmer{ 0%{background-position:0% center;} 100%{background-position:200% center;} }
@keyframes shimmer{0%{background-position:0% center;}100%{background-position:200% center;}}
@keyframes bandTick{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.cMarquee{display:flex;flex-wrap:nowrap;width:max-content;
  will-change:transform;animation:bandTick 24s linear infinite;}

/* ─── HERO ──────────────────────────────────── */
#hero {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  max-width: 100vw;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: calc(var(--nh) + var(--bh) + 2.5rem) 2rem 3rem;
  box-sizing: border-box;
}
#hc {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important; height: 100% !important;
  max-width: 100vw !important; z-index: 0;
}
.hOv {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
  background: radial-gradient(
    ellipse 90% 65% at 50% 45%,
    rgba(5,10,20,.04)  0%,
    rgba(5,10,20,.20) 42%,
    rgba(5,10,20,.78) 80%,
    rgba(5,10,20,.99) 100%
  );
}
/* ── Content wrapper ── */
.hCon {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  max-width: 1100px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  gap: 0;
}
/* ── Eyebrow ── */
.hEye {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  gap: .5rem;
  background: rgba(0,212,255,.08);
  border: 1px solid rgba(0,212,255,.28);
  padding: .35rem 1.2rem;
  border-radius: 50px;
  font-family: 'JetBrains Mono', monospace;
  font-size: .6rem;
  color: #00D4FF;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  white-space: nowrap;
}
.hEye::before {
  content: '';
  width: 5px; height: 5px;
  background: #00D4FF;
  border-radius: 50%;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  flex-shrink: 0;
}
/* ── BIG TITLE — fills the screen like the example ── */
.hT {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(2.8rem, 6.5vw, 6.5rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -2px;
  margin-bottom: 1.5rem;
  text-shadow: 0 2px 32px rgba(5,10,20,.7);
  width: 100%;
}
.tW { color: #F8F9FF; }
.tG { color: #F0B429; }
.tB {
  background: -webkit-linear-gradient(135deg, #4D9FFF 0%, #00D4FF 100%);
  background: linear-gradient(135deg, #4D9FFF 0%, #00D4FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: #4D9FFF;
}
/* ── Subtitle ── */
.hSub {
  font-size: clamp(.95rem, 1.5vw, 1.2rem);
  color: #8892A4;
  max-width: 600px;
  line-height: 1.78;
  margin-bottom: 2.25rem;
  text-shadow: 0 1px 12px rgba(5,10,20,.95);
}
.fLbl {
  display: none !important;
}
/* ── Buttons ── */
.hBtns {
  display: -webkit-flex;
  display: flex;
  gap: 1.1rem;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
/* ── Stats ── */
.hStats {
  display: -webkit-flex;
  display: flex;
  gap: 2rem;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,.1);
  width: 100%;
}
.hStat { text-align: center; }
.hSNum {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #F0B429;
  line-height: 1;
}
.hSLbl {
  font-size: .62rem;
  color: #8892A4;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-top: .4rem;
}
/* ── Height-based responsive (short screens) ── */
@media (max-height: 820px) {
  .hEye  { margin-bottom: 1rem; font-size: .55rem; }
  .hT    { font-size: clamp(2.2rem, 5.5vw, 5rem); margin-bottom: 1rem; }
  .hSub  { font-size: .95rem; margin-bottom: 1.5rem; }
  .hBtns { margin-bottom: 1.75rem; }
  .hStats{ padding-top: 1rem; gap: 2rem; }
  .hSNum { font-size: 1.8rem; }
}
@media (max-height: 680px) {
  .hEye  { display: none; }
  .hT    { font-size: clamp(1.8rem, 5vw, 3.8rem); margin-bottom: .75rem; }
  .hSub  { font-size: .88rem; margin-bottom: 1.1rem; }
  .hBtns { margin-bottom: 1.25rem; }
  .hSNum { font-size: 1.5rem; }
}

/* ─── SHARED ────────────────────────────────── */
section{padding:7.5rem 0;max-width:100vw;overflow-x:hidden;}
.wrap{max-width:1180px;margin:0 auto;padding:0 2.5rem;width:100%;}
.ey{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--cy);
  letter-spacing:3px;text-transform:uppercase;margin-bottom:.9rem;display:block;}
.h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.85rem,3.6vw,2.9rem);
  font-weight:700;line-height:1.12;margin-bottom:1.3rem;}
.h2 .ag{color:var(--gd);} .h2 .ab{color:var(--cy);}
.sub{color:var(--gr);font-size:1rem;line-height:1.82;max-width:600px;}
.div{width:55px;height:3px;background:linear-gradient(90deg,var(--co),var(--cy));
  margin:1.35rem 0;border-radius:2px;}
.gc{background:var(--gl);border:1px solid var(--gb);border-radius:18px;
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);padding:2rem;transition:all .3s;}
.gc:hover{border-color:rgba(0,212,255,.4);transform:translateY(-5px);box-shadow:0 18px 55px rgba(0,102,255,.18);}

/* ─── BUTTONS ───────────────────────────────── */
.bp{background:linear-gradient(135deg,var(--gd),#E87C00);color:var(--bk);
  padding:.92rem 2.35rem;border-radius:50px;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.975rem;
  text-decoration:none;transition:all .3s;
  box-shadow:0 0 28px rgba(240,180,41,.38);display:inline-block;cursor:pointer;border:none;}
.bp:hover{transform:translateY(-3px);box-shadow:0 0 52px rgba(240,180,41,.62);}
.bs{background:transparent;color:var(--wh);padding:.92rem 2.35rem;border-radius:50px;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.975rem;
  text-decoration:none;border:1px solid rgba(0,212,255,.3);
  transition:all .3s;display:inline-block;}
.bs:hover{border-color:var(--cy);color:var(--cy);transform:translateY(-3px);}

/* ─── TICKER ────────────────────────────────── */
.twrap{overflow:hidden;background:rgba(13,27,62,.92);
  border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);
  padding:.85rem 0;position:relative;z-index:0;width:100%;max-width:100vw;}
.ticker{display:flex;gap:2.5rem;animation:tick 32s linear infinite;white-space:nowrap;will-change:transform;}
.ti{font-family:'JetBrains Mono',monospace;font-size:.66rem;color:var(--gr);
  letter-spacing:2px;text-transform:uppercase;flex-shrink:0;}
.ti s{color:var(--gd);text-decoration:none;}
@keyframes tick{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ─── CURSO ─────────────────────────────────── */
#curso{background:linear-gradient(180deg,var(--bk) 0%,var(--md) 50%,var(--bk) 100%);position:relative;overflow:hidden;}
#curso::before{content:'';position:absolute;top:-200px;left:-200px;width:700px;height:700px;
  background:radial-gradient(circle,rgba(0,102,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
#curso::after{content:'';position:absolute;bottom:-200px;right:-200px;width:700px;height:700px;
  background:radial-gradient(circle,rgba(240,180,41,.07) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.cBadge{display:inline-block;background:linear-gradient(135deg,var(--co),var(--cy));color:#fff;
  padding:.4rem 1.5rem;border-radius:50px;font-size:.7rem;font-weight:600;letter-spacing:2px;
  text-transform:uppercase;margin-bottom:1.6rem;}
.fG{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;margin-bottom:4.5rem;}
.fw{position:relative;border-radius:18px;overflow:hidden;
  box-shadow:0 28px 75px rgba(0,102,255,.28),0 0 0 1px rgba(0,212,255,.18);transition:all .4s;cursor:pointer;}
.fw:hover{transform:translateY(-12px) scale(1.02);
  box-shadow:0 48px 95px rgba(0,102,255,.38),0 0 0 1px rgba(0,212,255,.38),0 0 75px rgba(240,180,41,.18);}
.fw img{width:100%;display:block;object-fit:cover;}
.fGlow{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,102,255,.1),transparent,rgba(240,180,41,.08));pointer-events:none;}
.fLbl{position:absolute;top:.9rem;right:.9rem;background:linear-gradient(135deg,var(--gd),#E87C00);
  color:var(--bk);padding:.3rem .85rem;border-radius:50px;font-size:.66rem;font-weight:700;letter-spacing:1px;}
.fCap{text-align:center;color:var(--gr);font-size:.73rem;margin-top:.85rem;}
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-bottom:3.5rem;}
.mCard{background:var(--gl);border:1px solid var(--gb);border-radius:17px;padding:2rem;transition:all .3s;}
.mCard:hover{border-color:rgba(0,212,255,.32);transform:translateY(-5px);}
.mNum{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--cy);letter-spacing:2px;margin-bottom:.55rem;}
.mCard h3{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:700;color:var(--wh);margin-bottom:.8rem;}
.mCard p{color:var(--gr);font-size:.83rem;line-height:1.7;text-align:justify;}
.pStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-bottom:2.8rem;}
.pCard{background:var(--gl);border:1px solid var(--gb);border-radius:15px;padding:1.75rem;text-align:center;transition:all .3s;}
.pCard.feat{background:linear-gradient(135deg,rgba(0,102,255,.22),rgba(0,212,255,.1));border-color:var(--co);box-shadow:0 0 38px rgba(0,102,255,.18);}
.pCard:hover{transform:translateY(-4px);}
.pLbl{font-size:.7rem;color:var(--gr);letter-spacing:1px;text-transform:uppercase;margin-bottom:.65rem;}
.pAmt{font-family:'Space Grotesk',sans-serif;font-size:2.1rem;font-weight:700;color:var(--gd);line-height:1;margin-bottom:.4rem;}
.pCard.feat .pAmt{font-size:2.6rem;color:var(--wh);}
.pDesc{font-size:.75rem;color:var(--gr);}
.btnDl{display:inline-flex;align-items:center;gap:.6rem;
  background:linear-gradient(135deg,rgba(240,180,41,.14),rgba(240,180,41,.04));
  border:1px solid rgba(240,180,41,.48);color:var(--gd);
  padding:.8rem 1.8rem;border-radius:50px;font-family:'Space Grotesk',sans-serif;
  font-weight:600;font-size:.88rem;text-decoration:none;transition:all .3s;cursor:pointer;}
.btnDl:hover{background:linear-gradient(135deg,var(--gd),#E87C00);color:var(--bk);
  transform:translateY(-3px);box-shadow:0 8px 28px rgba(240,180,41,.38);}
.cdSec{background:linear-gradient(135deg,rgba(0,102,255,.1),rgba(240,180,41,.07));
  border:1px solid var(--gb);border-radius:18px;padding:2.75rem;text-align:center;}
.cdLbl{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--cy);
  letter-spacing:3px;text-transform:uppercase;margin-bottom:1.75rem;}
.cdT{display:flex;justify-content:center;gap:1.75rem;align-items:flex-start;}
.cdU{text-align:center;}
.cdN{font-family:'Space Grotesk',sans-serif;font-size:3.2rem;font-weight:700;color:var(--gd);line-height:1;min-width:76px;}
.cdSp{font-family:'Space Grotesk',sans-serif;font-size:2.8rem;color:var(--co);margin-top:.1rem;}
.cdUL{font-size:.6rem;color:var(--gr);text-transform:uppercase;letter-spacing:2px;margin-top:.45rem;}

/* ─── QUOTE ─────────────────────────────────── */
.qWrap{padding:1.5rem 0 4rem;}
.qSec{background:linear-gradient(135deg,rgba(0,102,255,.1),rgba(240,180,41,.08));
  border:1px solid var(--gb);border-radius:22px;padding:3.25rem;text-align:center;}
.qTxt{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.05rem,2.2vw,1.65rem);
  font-weight:600;line-height:1.48;color:var(--wh);}
.qTxt .hl{color:var(--gd);}
.qAuth{margin-top:1.1rem;font-size:.75rem;color:var(--gr);letter-spacing:1px;}

/* ─── VIDEO ─────────────────────────────────── */
#video-promo{background:linear-gradient(180deg,var(--nv2) 0%,var(--md) 50%,var(--nv2) 100%);position:relative;overflow:hidden;}
#video-promo::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:900px;height:900px;background:radial-gradient(circle,rgba(0,102,255,.07) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;}
.vGrid{display:grid;grid-template-columns:1fr 1.35fr;gap:5rem;align-items:center;}
.vInfo p{color:var(--gr);line-height:1.85;margin-bottom:1.4rem;text-align:justify;font-size:.95rem;}
.vTag{display:inline-flex;align-items:center;gap:.45rem;background:rgba(240,180,41,.1);
  border:1px solid rgba(240,180,41,.28);padding:.38rem .95rem;border-radius:50px;
  font-size:.72rem;color:var(--gd);font-weight:600;margin-bottom:1.75rem;}
.vBuls{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem;}
.vBul{display:flex;align-items:center;gap:.7rem;font-size:.875rem;color:var(--gr);}
.vBulD{width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,var(--co),var(--cy));flex-shrink:0;}
/* Player */
.vPWrap{position:relative;}
.vAura{position:absolute;inset:-50px;z-index:-1;
  background:radial-gradient(ellipse at center,rgba(0,102,255,.18) 0%,rgba(0,212,255,.07) 40%,transparent 70%);
  border-radius:50%;animation:vAura 4s ease-in-out infinite;}
@keyframes vAura{0%,100%{opacity:.8;transform:scale(1);}50%{opacity:1;transform:scale(1.05);}}
.vPOuter{position:relative;border-radius:18px;background:#000;
  box-shadow:0 0 0 1px rgba(0,212,255,.28),0 0 38px rgba(0,102,255,.22),0 42px 75px rgba(0,0,0,.65);}
.vc{position:absolute;width:26px;height:26px;z-index:10;pointer-events:none;}
.vc.tl{top:-5px;left:-5px;border-top:2px solid var(--gd);border-left:2px solid var(--gd);border-radius:4px 0 0 0;}
.vc.tr{top:-5px;right:-5px;border-top:2px solid var(--gd);border-right:2px solid var(--gd);border-radius:0 4px 0 0;}
.vc.bl{bottom:-5px;left:-5px;border-bottom:2px solid var(--gd);border-left:2px solid var(--gd);border-radius:0 0 0 4px;}
.vc.br{bottom:-5px;right:-5px;border-bottom:2px solid var(--gd);border-right:2px solid var(--gd);border-radius:0 0 4px 0;}
.vPIn{position:relative;border-radius:18px;overflow:hidden;background:#000;}
.vPIn video{width:100%;display:block;}
.vScan{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:18px;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,212,255,.016) 3px,rgba(0,212,255,.016) 4px);}
.vStatus{position:absolute;top:0;left:0;right:0;z-index:4;
  display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem;
  background:linear-gradient(180deg,rgba(0,0,0,.75) 0%,transparent 100%);}
.vLive{display:flex;align-items:center;gap:.45rem;font-family:'JetBrains Mono',monospace;
  font-size:.6rem;color:var(--gd);letter-spacing:1px;}
.vLD{width:6px;height:6px;background:#FF4444;border-radius:50%;animation:pulse 1.5s infinite;}
.vSR{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:rgba(255,255,255,.45);}
.vCtrl{position:absolute;bottom:1rem;right:1rem;z-index:5;
  width:38px;height:38px;border-radius:50%;
  background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:1rem;transition:all .3s;-webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);}
.vCtrl:hover{background:rgba(240,180,41,.3);border-color:var(--gd);}
.vBadge{position:absolute;bottom:-1.4rem;left:-1.4rem;z-index:10;
  background:linear-gradient(135deg,var(--gd),#E87C00);color:var(--bk);
  padding:.85rem 1.35rem;border-radius:13px;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.82rem;
  box-shadow:0 10px 28px rgba(240,180,41,.48);
  animation:badgeF 3.5s ease-in-out infinite;}
@keyframes badgeF{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-7px) rotate(-1deg);}}

/* ─── BOOKS ─────────────────────────────────── */
#libros{background:var(--bk);position:relative;overflow:hidden;}
#libros::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:700px;height:2px;background:linear-gradient(90deg,transparent,var(--co),var(--gd),transparent);}
.bG{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center;margin-bottom:7rem;}
.bScene{perspective:1200px;padding:2rem;}
.b3d{position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer;}
.b3d:hover{transform:rotateY(-15deg) rotateX(5deg);}
.bCov{border-radius:9px;overflow:hidden;
  box-shadow:32px 32px 65px rgba(0,0,0,.82),-5px -5px 18px rgba(240,180,41,.1),0 0 0 1px rgba(255,255,255,.05);}
.bCov img{width:100%;display:block;}
.bGlw{position:absolute;inset:-22px;background:radial-gradient(circle,rgba(240,180,41,.16) 0%,transparent 70%);z-index:-1;}
.bInfo h3{font-family:'Space Grotesk',sans-serif;font-size:1.75rem;font-weight:700;line-height:1.15;margin-bottom:.9rem;}
.bMeta{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--gd);
  letter-spacing:2px;text-transform:uppercase;margin-bottom:.8rem;display:block;}
.bInfo p{color:var(--gr);line-height:1.82;margin-bottom:1rem;text-align:justify;font-size:.95rem;}
.bBadge{display:inline-flex;align-items:center;gap:.45rem;background:rgba(240,180,41,.09);
  border:1px solid rgba(240,180,41,.28);padding:.42rem .95rem;border-radius:50px;
  font-size:.75rem;color:var(--gd);font-weight:600;}
.brr{direction:rtl;} .brr>*{direction:ltr;}

/* ─── ABOUT ─────────────────────────────────── */
#about{background:linear-gradient(180deg,var(--bk) 0%,var(--nv2) 100%);}
.aG{display:grid;grid-template-columns:1fr 1.7fr;gap:5.5rem;align-items:center;}
.aWrap{position:relative;padding-bottom:1.5rem;padding-right:1.5rem;}
.aRing{position:absolute;inset:-10px;border:2px solid rgba(0,102,255,.18);
  border-radius:26px;animation:ringR 9s linear infinite;}
@keyframes ringR{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.aPh{border-radius:18px;overflow:hidden;box-shadow:0 28px 75px rgba(0,0,0,.48);}
.aPh img{width:100%;display:block;filter:saturate(1.05) contrast(1.05);}
.aBadge{position:absolute;bottom:-1rem;right:-1rem;
  background:linear-gradient(135deg,var(--gd),#E87C00);color:var(--bk);
  padding:1rem 1.4rem;border-radius:13px;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.95rem;text-align:center;
  box-shadow:0 10px 28px rgba(240,180,41,.38);}
.aBadge span{display:block;font-size:.6rem;font-weight:400;margin-top:.2rem;}
.creds{display:flex;flex-direction:column;gap:.8rem;margin:1.75rem 0;}
.cr{display:flex;align-items:flex-start;gap:.75rem;font-size:.87rem;color:var(--gr);line-height:1.5;}
.crD{width:7px;height:7px;border-radius:50%;background:var(--co);flex-shrink:0;margin-top:.35rem;}

/* ─── SERVICIOS ─────────────────────────────── */
#servicios{background:var(--nv2);}
.sG{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3.25rem;}
.sCard{background:rgba(5,10,20,.68);border:1px solid var(--gb);border-radius:18px;
  padding:2.1rem;position:relative;overflow:hidden;transition:all .3s;}
.sCard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--co),var(--cy));opacity:0;transition:opacity .3s;}
.sCard:hover::before{opacity:1;}
.sCard:hover{transform:translateY(-7px);border-color:rgba(0,212,255,.28);box-shadow:0 18px 55px rgba(0,0,0,.38);}
.sIco{width:52px;height:52px;background:linear-gradient(135deg,rgba(0,102,255,.2),rgba(0,212,255,.07));
  border:1px solid rgba(0,212,255,.18);border-radius:13px;
  display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:1.2rem;}
.sCard h3{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:600;color:var(--wh);margin-bottom:.7rem;}
.sCard p{font-size:.83rem;color:var(--gr);line-height:1.68;text-align:justify;}

/* ─── TESTIMONIOS ───────────────────────────── */
#testimonios{background:var(--bk);}
.tG{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3.25rem;}
.tCard{background:var(--gl);border:1px solid var(--gb);border-radius:18px;
  padding:2.1rem;transition:all .3s;}
.tCard:hover{border-color:rgba(0,212,255,.28);transform:translateY(-5px);box-shadow:0 14px 38px rgba(0,0,0,.28);}
.tQ{font-size:2.6rem;color:var(--co);line-height:.38;margin-bottom:.95rem;font-family:Georgia,serif;}
.tTxt{font-size:.84rem;color:var(--gr);line-height:1.75;margin-bottom:1.35rem;font-style:italic;}
.tA{border-top:1px solid var(--gb);padding-top:.9rem;}
.tA strong{display:block;font-size:.865rem;color:var(--wh);font-family:'Space Grotesk',sans-serif;margin-bottom:.22rem;}
.tA span{font-size:.7rem;color:var(--gd);}
.stars{color:var(--gd);font-size:.75rem;margin-bottom:.8rem;letter-spacing:2px;}

/* ─── HISTORIA ──────────────────────────────── */
#historia{background:linear-gradient(180deg,var(--bk) 0%,var(--nv2) 100%);position:relative;overflow:hidden;}
#historia::after{content:'';position:absolute;top:50%;right:-80px;width:420px;height:420px;
  background:radial-gradient(circle,rgba(240,180,41,.05) 0%,transparent 70%);
  border-radius:50%;transform:translateY(-50%);pointer-events:none;}
.hisG{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:center;}
.hisTxt p{color:var(--gr);line-height:1.9;margin-bottom:1.4rem;text-align:justify;font-size:.94rem;}
.milWrap{display:flex;flex-direction:column;}
.mil{display:flex;gap:1.35rem;align-items:flex-start;
  padding:1.35rem 0;border-bottom:1px solid var(--gb);}
.mil:last-child{border-bottom:none;}
.milY{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:700;
  color:var(--gd);min-width:50px;line-height:1;padding-top:.18rem;}
.milD{width:11px;height:11px;border-radius:50%;flex-shrink:0;margin-top:.3rem;
  background:linear-gradient(135deg,var(--co),var(--cy));box-shadow:0 0 10px rgba(0,102,255,.48);}
.milC h4{font-family:'Space Grotesk',sans-serif;font-size:.92rem;font-weight:600;color:var(--wh);margin-bottom:.28rem;}
.milC p{font-size:.8rem;color:var(--gr);line-height:1.52;}

/* ─── MISIÓN ────────────────────────────────── */
#mision{background:linear-gradient(135deg,var(--md) 0%,var(--nv2) 100%);}
.mvG{display:grid;grid-template-columns:1fr 1fr;gap:2.25rem;margin-top:3.25rem;}
.mvC{background:rgba(5,10,20,.58);border:1px solid var(--gb);border-radius:18px;padding:2.5rem;}
.mvL{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--cy);
  letter-spacing:3px;text-transform:uppercase;margin-bottom:.9rem;display:block;}
.mvC h3{font-family:'Space Grotesk',sans-serif;font-size:1.42rem;font-weight:700;color:var(--gd);margin-bottom:1rem;}
.mvC p{color:var(--gr);line-height:1.88;text-align:justify;font-size:.94rem;}

/* ─── VALORES (3D FLIP) ─────────────────────── */
#valores{padding:7rem 0;background:linear-gradient(180deg,var(--md) 0%,var(--bk) 100%);}
.vG{display:grid;grid-template-columns:repeat(5,1fr);gap:1.15rem;margin-top:2.5rem;}
.vCard{height:165px;perspective:800px;cursor:pointer;}
.vIn{position:relative;width:100%;height:100%;transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.4,0,.2,1);}
.vCard:hover .vIn{transform:rotateY(180deg);}
.vF,.vB{position:absolute;inset:0;border-radius:15px;backface-visibility:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;gap:.45rem;}
.vF{background:linear-gradient(135deg,rgba(13,27,62,.92),rgba(26,10,61,.82));border:1px solid var(--gb);}
.vB{background:linear-gradient(135deg,rgba(0,102,255,.22),rgba(0,212,255,.1));
  border:1px solid rgba(0,212,255,.38);transform:rotateY(180deg);}
.vIco{font-size:2.1rem;}
.vNm{font-family:'Space Grotesk',sans-serif;font-size:.72rem;font-weight:700;
  color:var(--gd);text-transform:uppercase;letter-spacing:.7px;}
.vDs{font-size:.68rem;color:var(--wh);line-height:1.52;}
.vHint{text-align:center;color:var(--gr);font-size:.78rem;margin-top:1.75rem;font-style:italic;}
.vCard:nth-child(1) .vB{background:linear-gradient(135deg,rgba(255,107,107,.2),rgba(255,107,107,.04));border-color:rgba(255,107,107,.38);}
.vCard:nth-child(2) .vB{background:linear-gradient(135deg,rgba(240,180,41,.2),rgba(240,180,41,.04));border-color:rgba(240,180,41,.38);}
.vCard:nth-child(3) .vB{background:linear-gradient(135deg,rgba(123,47,255,.2),rgba(123,47,255,.04));border-color:rgba(123,47,255,.38);}
.vCard:nth-child(4) .vB{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,212,255,.04));border-color:rgba(0,212,255,.38);}
.vCard:nth-child(5) .vB{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,255,136,.04));border-color:rgba(0,255,136,.38);}
.vCard:nth-child(6) .vB{background:linear-gradient(135deg,rgba(255,167,38,.2),rgba(255,167,38,.04));border-color:rgba(255,167,38,.38);}
.vCard:nth-child(7) .vB{background:linear-gradient(135deg,rgba(240,180,41,.2),rgba(240,180,41,.04));border-color:rgba(240,180,41,.38);}
.vCard:nth-child(8) .vB{background:linear-gradient(135deg,rgba(255,107,107,.2),rgba(255,107,107,.04));border-color:rgba(255,107,107,.38);}
.vCard:nth-child(9) .vB{background:linear-gradient(135deg,rgba(0,102,255,.28),rgba(0,102,255,.04));border-color:rgba(0,102,255,.48);}
.vCard:nth-child(10) .vB{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,212,255,.04));border-color:rgba(0,212,255,.38);}

/* ─── PRESENCIA ─────────────────────────────── */
#presencia{background:var(--nv2);}
.prG{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3.25rem;}
.prCard{position:relative;border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,rgba(13,27,62,.82),rgba(26,10,61,.62));
  border:1px solid var(--gb);transition:all .4s;padding:2.4rem 1.85rem;text-align:center;}
.prCard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s;}
.prCard:nth-child(1)::before{background:linear-gradient(90deg,var(--co),var(--cy));}
.prCard:nth-child(2)::before{background:linear-gradient(90deg,var(--gd),#FF8C00);}
.prCard:nth-child(3)::before{background:linear-gradient(90deg,var(--pu),var(--cy));}
.prCard:nth-child(4)::before{background:linear-gradient(90deg,var(--cy),var(--co));}
.prCard:nth-child(5)::before{background:linear-gradient(90deg,#FF6B6B,var(--gd));}
.prCard:nth-child(6)::before{background:linear-gradient(90deg,var(--gd),var(--pu));}
.prCard:hover::before{opacity:1;}
.prCard:hover{transform:translateY(-10px);border-color:rgba(0,212,255,.32);box-shadow:0 22px 55px rgba(0,0,0,.38);}
.prIco{font-size:2.65rem;margin-bottom:1.1rem;display:block;}
.prNum{font-family:'Space Grotesk',sans-serif;font-size:2.35rem;font-weight:700;color:var(--gd);line-height:1;margin-bottom:.38rem;}
.prLbl{font-family:'Space Grotesk',sans-serif;font-size:.88rem;font-weight:600;color:var(--wh);margin-bottom:.55rem;}
.prDs{font-size:.78rem;color:var(--gr);line-height:1.52;}

/* ─── CONTACTO ──────────────────────────────── */
#contacto{background:linear-gradient(180deg,var(--nv2) 0%,var(--bk) 100%);}
.ctG{display:grid;grid-template-columns:1fr 1.2fr;gap:4.5rem;align-items:start;}
.ctCh{display:flex;flex-direction:column;gap:1.1rem;}
.ctA{display:flex;align-items:center;gap:1rem;background:var(--gl);border:1px solid var(--gb);
  border-radius:13px;padding:1.2rem;text-decoration:none;color:var(--wh);transition:all .3s;}
.ctA:hover{transform:translateX(7px);}
.ctA.wa:hover{border-color:#25D366;box-shadow:0 0 18px rgba(37,211,102,.18);}
.ctA.gm:hover{border-color:#EA4335;box-shadow:0 0 18px rgba(234,67,53,.18);}
.ctIco{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;
  justify-content:center;font-size:1.25rem;flex-shrink:0;}
.ctIco.wa{background:rgba(37,211,102,.14);}
.ctIco.gm{background:rgba(234,67,53,.14);}
.ctInfo strong{display:block;font-size:.84rem;font-family:'Space Grotesk',sans-serif;margin-bottom:.18rem;}
.ctInfo span{font-size:.76rem;color:var(--gr);}
.ctLoc{margin-top:2.25rem;padding:1.6rem;background:rgba(240,180,41,.06);
  border:1px solid rgba(240,180,41,.18);border-radius:14px;}
.ctLoc h4{color:var(--gd);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.9rem;margin-bottom:.6rem;}
.ctLoc p{color:var(--gr);font-size:.84rem;line-height:1.6;}
.ctForm{background:var(--gl);border:1px solid var(--gb);border-radius:18px;
  padding:2.5rem;-webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);}
.ctForm h3{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;font-weight:600;margin-bottom:1.6rem;}
.fRow{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
.fGrp{margin-bottom:1.25rem;}
.fGrp label{display:block;font-size:.76rem;color:var(--gr);margin-bottom:.42rem;
  font-family:'Space Grotesk',sans-serif;}
.fGrp input,.fGrp textarea,.fGrp select{width:100%;background:rgba(5,10,20,.62);
  border:1px solid var(--gb);border-radius:9px;padding:.85rem 1rem;
  color:var(--wh);font-family:'Inter',sans-serif;font-size:.87rem;
  transition:border-color .3s,box-shadow .3s;outline:none;}
.fGrp input:focus,.fGrp textarea:focus,.fGrp select:focus{border-color:var(--cy);box-shadow:0 0 0 3px rgba(0,212,255,.1);}
.fGrp textarea{resize:vertical;min-height:112px;}
.fGrp select option{background:var(--nv);}
.fSub{width:100%;background:linear-gradient(135deg,var(--co),var(--cy));color:#fff;border:none;
  padding:1.05rem;border-radius:50px;font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:.975rem;cursor:pointer;transition:all .3s;letter-spacing:.25px;}
.fSub:hover{transform:translateY(-3px);box-shadow:0 8px 38px rgba(0,102,255,.38);}
.fNote{color:var(--gr);font-size:.7rem;margin-top:.85rem;text-align:center;}

/* ─── FLOAT & TOAST ─────────────────────────── */
.fWA{position:fixed;bottom:2rem;right:2rem;z-index:998;width:60px;height:60px;
  background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;
  text-decoration:none;box-shadow:0 5px 22px rgba(37,211,102,.52);
  animation:fanim 3s ease-in-out infinite;transition:transform .3s;}
.fWA:hover{transform:scale(1.15);animation:none;}
.fWA svg{width:30px;height:30px;fill:#fff;}
@-webkit-keyframes fanim{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-7px);} }
@keyframes fanim{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
.toast{position:fixed;bottom:5.8rem;right:2rem;background:rgba(37,211,102,.1);
  border:1px solid rgba(37,211,102,.38);color:var(--wh);padding:.95rem 1.4rem;border-radius:11px;
  z-index:1001;-webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);font-size:.85rem;
  transform:translateX(200%);transition:transform .4s;max-width:272px;}
.toast.on{transform:translateX(0);}
#sTop{position:fixed;bottom:5.5rem;right:2rem;z-index:997;
  width:44px;height:44px;border-radius:50%;
  background:rgba(13,27,62,.88);border:1px solid var(--gb);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:1rem;color:var(--cy);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);transition:all .3s;
  opacity:0;visibility:hidden;transform:translateY(8px);}
#sTop.vis{opacity:1;visibility:visible;transform:translateY(0);}
#sTop:hover{background:var(--co);border-color:var(--cy);transform:translateY(-3px);}

/* ─── FOOTER ────────────────────────────────── */
footer{background:var(--bk);border-top:1px solid var(--gb);padding:4rem 0;text-align:center;}
.fLogo{font-family:'Space Grotesk',sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.55rem;}
.fLogo span{color:var(--gd);}
.fTag{font-size:.78rem;color:var(--gr);margin-bottom:1.75rem;}
.fSoc{display:flex;gap:.9rem;justify-content:center;margin-bottom:1.75rem;}
.fSocA{width:40px;height:40px;border-radius:50%;background:var(--gl);border:1px solid var(--gb);
  display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1rem;transition:all .3s;}
.fSocA:hover{transform:translateY(-3px);border-color:var(--cy);background:rgba(0,102,255,.18);}
.fLinks{display:flex;gap:1.75rem;justify-content:center;list-style:none;margin-bottom:1.75rem;flex-wrap:wrap;}
.fLinks a{color:var(--gr);text-decoration:none;font-size:.8rem;transition:color .25s;}
.fLinks a:hover{color:var(--cy);}
.fCopy{font-size:.7rem;color:rgba(136,146,164,.38);line-height:1.7;}

/* ─── REVEAL ────────────────────────────────── */
.rv{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease;}
.rl{opacity:0;transform:translateX(-42px);transition:opacity .82s ease,transform .82s ease;}
.rr{opacity:0;transform:translateX(42px);transition:opacity .82s ease,transform .82s ease;}
.rv.vis,.rl.vis,.rr.vis{opacity:1;transform:translate(0,0);}

/* ─── GLOBAL QUALITY-OF-LIFE ─────────────────── */
html{scroll-padding-top:calc(var(--nh) + var(--bh) + 8px);}
*{-webkit-tap-highlight-color:transparent;}
img{max-width:100%;height:auto;}
.bp,.bs,.fSub,.ham,.vCtrl,.fWA,#sTop,button,a{touch-action:manipulation;}

/* ─── RESPONSIVE — 1024px ────────────────────── */
@media(max-width:1024px){
  nav{padding:0 1.5rem;}
  .nLinks li:nth-child(5),
  .nLinks li:nth-child(6){display:none;}
  .vGrid,.hisG{grid-template-columns:1fr;}
  .vInfo{order:2;} .vPWrap{order:1;}
  .vBadge{bottom:-1rem;left:0;}
}

/* ─── RESPONSIVE — 900px ─────────────────────── */
@media(max-width:900px){
  .nLogoImg{width:150px;}
  nav{padding:0 1.2rem;}
  .nLinks{display:none;}
  .ham{display:flex;}
  .fG,.bG,.aG,.ctG,.mvG{grid-template-columns:1fr;}
  .bG{gap:2.5rem;} .brr{direction:ltr;}
  .sG,.tG{grid-template-columns:1fr 1fr;}
  .mods{grid-template-columns:1fr 1fr;}
  .pStrip{grid-template-columns:1fr;}
  .vG{grid-template-columns:repeat(3,1fr);}
  .prG{grid-template-columns:1fr 1fr;}
  .hStatsWrap .hStats{gap:2rem;}
  /* Badges: evitar desborde fuera del contenedor */
  .aBadge{bottom:.5rem;right:.5rem;}
  .vBadge{bottom:.5rem;left:.5rem;}
}

/* ─── RESPONSIVE — 600px ─────────────────────── */
@media(max-width:600px){
  :root{--nh:56px;--bh:30px;}
  .nLogoImg{width:128px;}
  .wrap{padding:0 1.25rem;}
  section{padding:5.5rem 0;}
  /* Hero */
  .hT{font-size:2rem;letter-spacing:-1px;}
  .hStats{gap:1.5rem;}
  .hBtns{gap:.75rem;}
  /* Grids */
  .sG,.tG{grid-template-columns:1fr;}
  .mods{grid-template-columns:1fr;}
  .vG{grid-template-columns:repeat(2,1fr);}
  .prG{grid-template-columns:1fr;}
  .fRow{grid-template-columns:1fr;}
  /* Countdown */
  .cdSec{padding:2rem 1.25rem;}
  .cdN{font-size:2.4rem;min-width:56px;}
  .cdSp{font-size:2.1rem;}
  .cdT{gap:1.1rem;}
  /* Cards */
  .gc{padding:1.5rem;}
  .mCard{padding:1.5rem;}
  .ctForm{padding:1.75rem 1.25rem;}
  .qSec{padding:2rem 1.25rem;}
  /* Books */
  .bInfo h3{font-size:1.35rem;}
  .bScene{padding:.75rem;}
  /* Presencia */
  .aBadge{position:static;margin-top:1.2rem;display:inline-flex;}
  .vBadge{position:static;margin-top:1rem;display:inline-flex;border-radius:10px;}
  .aWrap{padding-right:0;padding-bottom:0;}
  /* Scroll top oculto en móvil (WhatsApp ya cubre ese rol) */
  #sTop{display:none;}
}

/* ─── RESPONSIVE — 480px ─────────────────────── */
@media(max-width:480px){
  :root{--nh:52px;--bh:28px;}
  .nLogoImg{width:112px;}
  .hEye{display:none;}
  .wrap{padding:0 1rem;}
  section{padding:4.5rem 0;}
  /* Hero */
  .hT{font-size:1.8rem;letter-spacing:-.75px;}
  .hSub{font-size:.9rem;margin-bottom:1.75rem;}
  .bp,.bs{padding:.78rem 1.5rem;font-size:.88rem;}
  .hStats{gap:1.1rem;}
  .hSNum{font-size:1.7rem;}
  .hSLbl{font-size:.58rem;}
  /* Countdown */
  .cdSec{padding:1.5rem .85rem;}
  .cdLbl{font-size:.55rem;letter-spacing:2px;}
  .cdN{font-size:1.9rem;min-width:46px;}
  .cdSp{font-size:1.7rem;}
  .cdT{gap:.8rem;}
  .cdUL{font-size:.55rem;}
  /* Nav */
  .nMark{width:32px;height:32px;font-size:.72rem;}
  .nMain{font-size:.82rem;}
  /* Cards / Grids */
  .gc{padding:1.1rem;}
  .mCard,.pCard,.sCard,.tCard{padding:1.25rem;}
  .prCard{padding:1.75rem 1.25rem;}
  .mvC{padding:1.75rem 1.25rem;}
  .ctA{padding:1rem;}
  .ctForm{padding:1.25rem .85rem;}
  .qSec{padding:1.5rem .85rem;}
  /* Valores */
  .vG{grid-template-columns:repeat(2,1fr);}
  .vCard{height:148px;}
  .vIco{font-size:1.85rem;}
  .vNm{font-size:.68rem;}
  /* Presencia */
  .prG{grid-template-columns:1fr;}
  /* About */
  .aG{gap:2rem;}
  /* Historia */
  .hisG{gap:2rem;}
  /* Footer */
  footer{padding:2.5rem 0;}
  .fLinks{gap:.85rem;}
  /* Floating elements */
  .fWA{width:50px;height:50px;bottom:1.25rem;right:1.25rem;}
  .fWA svg{width:24px;height:24px;}
  .toast{right:1.25rem;bottom:4.25rem;max-width:230px;font-size:.78rem;}
  /* Botón descarga */
  .btnDl{font-size:.8rem;padding:.7rem 1.4rem;}
}

/* ─── RESPONSIVE — 375px ─────────────────────── */
@media(max-width:375px){
  .wrap{padding:0 .85rem;}
  .nLogoImg{width:100px;}
  .hT{font-size:1.55rem;letter-spacing:-.5px;}
  .h2{font-size:1.4rem;}
  .hBtns{flex-direction:column;align-items:center;}
  .bp,.bs{width:100%;text-align:center;}
  .cdN{font-size:1.55rem;min-width:38px;}
  .cdSp{font-size:1.4rem;}
  .cdT{gap:.55rem;}
  .vG{grid-template-columns:1fr 1fr;}
  .vCard{height:130px;}
  .vIco{font-size:1.6rem;}
  .vNm{font-size:.6rem;}
  .vDs{font-size:.6rem;}
  .mMenu a{font-size:1.15rem;padding:.35rem 1rem;}
  .nMain{font-size:.78rem;white-space:normal;}
  .hSNum{font-size:1.5rem;}
  .gc{padding:.9rem;}
  .sCard,.tCard,.mCard{padding:1rem;}
  .ctForm{padding:1rem .75rem;}
  .qSec{padding:1.25rem .75rem;}
  .pAmt{font-size:1.7rem;}
  .pCard.feat .pAmt{font-size:2.1rem;}
}

/* ─── TOUCH DEVICES: deshabilitar hover costosos ── */
@media(hover:none) and (pointer:coarse){
  .gc:hover,.sCard:hover,.tCard:hover,.mCard:hover,
  .pCard:hover,.prCard:hover,.b3d:hover,.fw:hover,
  .ctA:hover{transform:none;box-shadow:none;border-color:var(--gb);}
  .vCard:hover .vIn{transform:none;}
  .bp:hover,.bs:hover,.fSub:hover,.btnDl:hover{transform:none;box-shadow:0 0 28px rgba(240,180,41,.38);}
  .nCta:hover{transform:none;}
}

/* ─── PREFERS-REDUCED-MOTION ──────────────────── */
@media (prefers-reduced-motion: reduce) {
  .ticker,.cMarquee,.fWA,.aRing,.ldrOrb{animation:none!important;}
  .rv,.rl,.rr{opacity:1!important;transform:none!important;transition:none!important;}
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;}
}