/* ─────────────────────────────────────────────
   vpl-nav.css · Villa Polo Labs
   Menú hamburguesa y ajustes de navegación para celular
   ───────────────────────────────────────────── */
.nav-toggle, .nav-mobile-only { display:none; }

@media (max-width:768px) {
  .nav { grid-template-columns:auto auto; gap:12px; padding:12px 16px; }
  .nav.open { background:#fff; border-bottom-color:var(--rule-2); }
  .nav .nav-sign { display:none; }
  .nav .nav-right { gap:10px; }
  .nav .btn-grad { padding:9px 14px; font-size:12.5px; }

  .nav-toggle {
    display:inline-flex; flex-direction:column; justify-content:center; gap:5px;
    width:42px; height:42px; padding:0 11px; flex-shrink:0;
    border:1px solid var(--rule); border-radius:12px; background:#fff; cursor:pointer;
  }
  .nav-toggle span { display:block; height:2px; border-radius:2px; background:var(--ink); transition:transform .2s, opacity .2s; }
  .nav.open .nav-toggle span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .nav.open .nav-toggle span:nth-child(2) { opacity:0; }
  .nav.open .nav-toggle span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

  .nav .nav-links {
    display:none; position:absolute; top:100%; left:0; right:0;
    flex-direction:column; justify-content:flex-start; gap:0;
    padding:6px 16px 14px; background:#fff;
    border-bottom:1px solid var(--rule); box-shadow:0 24px 40px -24px rgba(0,31,63,0.3);
    max-height:calc(100vh - 66px); overflow-y:auto;
  }
  .nav.open .nav-links { display:flex; }
  .nav .nav-links li { border-bottom:1px solid var(--rule-2); }
  .nav .nav-links li:last-child { border-bottom:0; }
  .nav .nav-links a { display:block; padding:14px 4px; font-size:15px; }
  .nav .nav-links a.active { color:var(--electric); }
  .nav-mobile-only { display:list-item; }
}