/* ===========================================================
   JV Sports — Menú HAMBURGUESA (arriba derecha) → overlay a
   pantalla completa. Limpio: ✕ grande, sin botón amarillo
   redundante, enlaces centrados. Compartido, se carga al final.
   =========================================================== */
.tabbar{display:none!important}
body.menu-open{overflow:hidden}

/* Hamburguesa — botón cuadrado nítido (sin blur raro) */
.burger{gap:5px!important;width:46px!important;height:46px!important;padding:0 12px!important;border:1.5px solid rgba(244,242,236,.45)!important;border-radius:8px!important;background:rgba(0,0,0,.32)!important;cursor:pointer;transition:border-color .2s,background .2s,transform .12s!important}
.burger span{height:2px!important;width:100%!important;background:var(--blanco)!important;border-radius:2px!important;transition:transform .4s cubic-bezier(.7,0,.2,1),opacity .25s!important}
.burger:hover{border-color:var(--oro)!important;background:rgba(0,0,0,.5)!important}
.burger:active{transform:scale(.92)!important}
body.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
body.menu-open .burger span:nth-child(2){opacity:0!important}
body.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

/* Overlay a pantalla completa (fundido) */
.nav-backdrop{display:none!important}
.drawer{display:flex;position:fixed!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:none!important;z-index:9999!important;flex-direction:column!important;padding:clamp(18px,5vw,40px) clamp(24px,7vw,80px) clamp(24px,5vw,44px)!important;background:#0a0a0b!important;background-image:radial-gradient(130% 90% at 100% 0,rgba(201,162,39,.13),transparent 55%)!important;border:0!important;box-shadow:none!important;transform:scale(1.04)!important;transform-origin:top right!important;clip-path:none!important;opacity:0;visibility:hidden;transition:opacity .4s ease,transform .55s cubic-bezier(.16,1,.3,1),visibility .55s!important;pointer-events:none!important;overflow:hidden auto!important}
body.menu-open .drawer{opacity:1;visibility:visible;transform:scale(1)!important;pointer-events:auto!important}
/* Al abrir, subir el nav (con la hamburguesa) por encima del overlay para que la ✕ quede en el sitio de la hamburguesa y sea clicable */
body.menu-open #nav,body.menu-open .nav{z-index:10001!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}

/* La cabecera del overlay (logo+✕) se oculta: el logo y la propia hamburguesa
   (que se transforma en ✕ EN EL MISMO SITIO) hacen de cabecera, por encima del overlay. */
.drawer-top{display:none!important}
.drawer-logo{height:48px!important;width:auto!important}
.drawer-x{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:56px!important;height:56px!important;border:1.5px solid rgba(244,242,236,.45)!important;border-radius:8px!important;background:transparent!important;color:var(--blanco)!important;font-size:32px!important;line-height:1!important;cursor:pointer;transition:border-color .2s,color .2s,transform .25s!important}
.drawer-x:hover{border-color:var(--oro)!important;color:var(--oro)!important;transform:rotate(90deg)!important}
.drawer-x:active{transform:scale(.9)!important}

/* Enlaces grandes, centrados verticalmente */
/* OJO: .drawer-links es un <nav>; la home tiene una regla genérica nav{position:fixed;top:0}
   que lo fijaba arriba (todo encima). Lo forzamos a flujo normal. */
.drawer-links{display:flex!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:clamp(4px,1.4vh,14px)!important;margin:0!important;padding:0!important;width:auto!important;background:transparent!important;border:0!important;transition:none!important}
.drawer-links a{display:inline-flex!important;align-items:center!important;width:auto!important;font-family:var(--head)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.01em!important;font-size:clamp(32px,9vw,60px)!important;line-height:1.04!important;color:var(--blanco)!important;text-decoration:none!important;padding:4px 0!important;border:0!important;opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),color .2s!important}
.drawer-links a::after{content:none!important}
.drawer-links a:hover{color:var(--oro)!important}
body.menu-open .drawer-links a{opacity:1;transform:translateY(0)}
body.menu-open .drawer-links a:nth-child(1){transition-delay:.08s}
body.menu-open .drawer-links a:nth-child(2){transition-delay:.14s}
body.menu-open .drawer-links a:nth-child(3){transition-delay:.20s}
body.menu-open .drawer-links a:nth-child(4){transition-delay:.26s}
body.menu-open .drawer-links a:nth-child(5){transition-delay:.32s}
body.menu-open .drawer-links a:nth-child(6){transition-delay:.38s}
body.menu-open .drawer-links a:nth-child(7){transition-delay:.44s}

/* Fuera el botón amarillo redundante (Contacto ya está como enlace) */
.drawer-cta{display:none!important}

.drawer-foot{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;gap:6px!important;margin:0!important;color:var(--gris)!important;font-size:11px!important;letter-spacing:.2em!important;text-transform:uppercase!important;opacity:0;transition:opacity .5s .4s!important}
body.menu-open .drawer-foot{opacity:1}
.drawer-foot span:last-child{font-size:10px!important;color:#5e5e5e!important;letter-spacing:.12em!important}

@media(prefers-reduced-motion:reduce){.drawer{transition:opacity .01s!important}.drawer-links a,.drawer-foot{transition:none!important;opacity:1!important;transform:none!important}}