/* Estilos compartidos: menú con logo, íconos y texto oculto para buscadores */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.nav{background:rgba(14,14,16,0.97);backdrop-filter:blur(12px);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:68px;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);}
.nav .nav-logo{display:flex;align-items:center;flex-shrink:0;}
.nav .nav-logo img{height:46px;width:auto;display:block;}
.nav .nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;}
.nav .nav-links a{color:var(--white2);text-decoration:none;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;letter-spacing:0.8px;text-transform:uppercase;transition:color 0.2s;}
.nav .nav-links a:hover,.nav .nav-links a.active{color:var(--white);}
.nav .nav-links a.active{border-bottom:2px solid var(--cyan);padding-bottom:4px;}
.nav .nav-right{display:flex;align-items:center;gap:10px;}
.nav .btn-ghost,.nav .btn-cart{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:8px 14px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;letter-spacing:0.3px;white-space:nowrap;}
.nav .btn-ghost{background:transparent;color:var(--white2);border:1px solid var(--line2);}
.nav .btn-ghost:hover{color:var(--white);border-color:var(--white3);}
.nav .btn-cart{background:var(--white);color:var(--carbon);border:none;}
.nav .cart-dot{background:var(--red);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700;}
.nav .nav-toggle{display:none;background:transparent;border:1px solid var(--line2);border-radius:6px;color:var(--white);width:40px;height:40px;font-size:20px;cursor:pointer;align-items:center;justify-content:center;}

@media (max-width:900px){
  .nav{padding:0 1rem;flex-wrap:wrap;height:auto;min-height:64px;gap:0 10px;}
  .nav .nav-logo img{height:38px;}
  .nav .nav-toggle{display:inline-flex;margin-left:auto;}
  .nav .nav-links,.nav .nav-right{display:none;width:100%;}
  .nav.open .nav-links{display:flex;flex-direction:column;gap:0;padding:0.5rem 0;}
  .nav.open .nav-links a{display:block;padding:12px 0;font-size:14px;border-bottom:1px solid var(--line);}
  .nav.open .nav-links a.active{padding-bottom:12px;}
  .nav.open .nav-right{display:flex;padding:0.75rem 0 1rem;}
  .nav{order:0;}
  .nav .nav-logo{order:1;padding:12px 0;}
  .nav .nav-toggle{order:2;}
  .nav .nav-links{order:3;}
  .nav .nav-right{order:4;}
}