/* ═══════════════════════════════════════════════════════════════════
   menu.css — Menú hamburguesa GEOVLAC con la piel del sitio nuevo.
   Overlay full-screen, mismo lenguaje visual que la landing
   (Google Sans, paleta azul marino). Cada item es un
   hipervínculo a una ruta REAL de la app.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Botón hamburguesa (reemplaza el "Menú" decorativo de la nav) ── */
.gv-burger{
  display:flex; flex-direction:column; gap:5px; cursor:pointer;
  background:none; border:none; padding:6px; z-index:120;
}
.gv-burger span{
  display:block; width:26px; height:1.5px; background:var(--ink);
  transition:.4s var(--ease); transform-origin:center;
}
.gv-burger:hover span{ background:var(--brand-lt); }
body.gv-menu-open .gv-burger span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
body.gv-menu-open .gv-burger span:nth-child(2){ opacity:0; }
body.gv-menu-open .gv-burger span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }

/* ── Overlay del menú ── */
.gv-menu{
  position:fixed; inset:0; z-index:115;
  background:linear-gradient(160deg, var(--bg) 0%, var(--bg-soft) 100%);
  display:flex; flex-direction:column; justify-content:center;
  padding:0 8vw;
  opacity:0; visibility:hidden;
  transition:opacity .55s var(--ease), visibility .55s var(--ease);
}
body.gv-menu-open .gv-menu{ opacity:1; visibility:visible; }

.gv-menu::before{
  content:''; position:absolute; inset:0;
  background:url('/img/space.jpg') center/cover no-repeat;
  opacity:.10; mix-blend-mode:screen; pointer-events:none;
}

.gv-menu .eyebrow{ margin-bottom:34px; }

.gv-menu ul{ list-style:none; }
.gv-menu li{
  overflow:hidden;
}
.gv-menu li a{
  display:flex; align-items:baseline; gap:20px;
  font-family:'Google Sans',sans-serif; font-weight:400;
  font-size:clamp(16px,1.9vw,21px); line-height:1.5;
  color:var(--ink); letter-spacing:.01em;
  transition:color .3s var(--ease), padding-left .4s var(--ease);
  transform:translateY(110%);
  transition:transform .7s var(--ease), color .3s var(--ease), padding-left .4s var(--ease);
}
body.gv-menu-open .gv-menu li a{ transform:translateY(0); }
.gv-menu li:nth-child(1) a{ transition-delay:.10s; }
.gv-menu li:nth-child(2) a{ transition-delay:.16s; }
.gv-menu li:nth-child(3) a{ transition-delay:.22s; }
.gv-menu li:nth-child(4) a{ transition-delay:.28s; }
.gv-menu li:nth-child(5) a{ transition-delay:.34s; }
.gv-menu li:nth-child(6) a{ transition-delay:.40s; }

.gv-menu li a:hover{ color:var(--brand-lt); padding-left:14px; }
.gv-menu li a .gv-num{
  font-family:'Google Sans',sans-serif; font-size:13px; font-weight:500;
  color:var(--brand); letter-spacing:.18em; transform:translateY(-.5em);
  min-width:38px;
}
.gv-menu li a .gv-sub{
  font-family:'Google Sans',sans-serif; font-size:13px; font-weight:300;
  color:var(--muted); letter-spacing:.04em; margin-left:6px;
  align-self:center; display:none;
}
@media(min-width:760px){ .gv-menu li a .gv-sub{ display:inline; } }

/* ── Pie del menú: marca + cierre ── */
.gv-menu .gv-menu-foot{
  position:absolute; left:8vw; right:8vw; bottom:40px;
  display:flex; justify-content:space-between; align-items:center;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted);
}
.gv-menu .gv-close{ cursor:pointer; transition:color .3s; }
.gv-menu .gv-close:hover{ color:var(--ink); }

/* ── Bloquear scroll del body cuando el menú está abierto ── */
body.gv-menu-open{ overflow:hidden; }

/* ── "Explorar" en color tomate (consistente con la nav del bundle) ── */
.gv-menu li a.gv-explore-item{ color:#f97316; }
.gv-menu li a.gv-explore-item .gv-num{ color:#ea580c; }
.gv-menu li a.gv-explore-item:hover{ color:#fb923c; }