/* Suena Bien — menú de servicios del header (compartido por todas las páginas) */

/* Desplegable de escritorio */
.menu{position:relative}
.menu-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:var(--muted);font:inherit;font-weight:500;font-size:.95rem;line-height:1;cursor:pointer;padding:0;transition:color .15s}
.menu-btn:hover,.menu-btn[aria-expanded="true"]{color:var(--fg)}
.menu-btn::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.menu-btn[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(1px)}
.menu-panel{position:absolute;top:calc(100% + 20px);left:-14px;min-width:265px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:8px;display:grid;gap:2px;box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:30}
.menu-panel[hidden]{display:none}
.menu-panel a{display:block;padding:13px 14px;border-radius:7px;color:var(--muted);font-size:.95rem;font-weight:500;transition:background .15s,color .15s}
.menu-panel a:hover{background:var(--bg2);color:var(--fg)}
.menu-panel a[aria-current="page"]{color:var(--accent)}
.menu-panel .sep{height:1px;background:var(--line);margin:6px 8px}
.menu-panel .all{color:var(--accent);font-weight:600;font-size:.9rem}

/* Botón hamburguesa */
.burger{display:none;position:relative;width:44px;height:44px;background:none;border:1px solid var(--line);border-radius:6px;cursor:pointer;padding:0;flex:none}
.burger:hover{border-color:var(--accent)}
.burger span,.burger::before,.burger::after{content:"";position:absolute;left:50%;width:18px;height:2px;background:var(--fg);transform:translateX(-50%);transition:transform .2s,opacity .15s}
.burger::before{top:15px}
.burger span{top:21px}
.burger::after{top:27px}
.burger[aria-expanded="true"]::before{top:21px;transform:translateX(-50%) rotate(45deg)}
.burger[aria-expanded="true"] span{opacity:0}
.burger[aria-expanded="true"]::after{top:21px;transform:translateX(-50%) rotate(-45deg)}

/* Panel móvil */
.mobnav{display:none}
.mobnav[hidden]{display:none}
.mobnav .wrap{display:grid;gap:2px;padding-top:10px;padding-bottom:14px}
.mobnav a{display:block;padding:14px 4px;min-height:44px;border-radius:7px;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line)}
.mobnav a:last-child{border-bottom:0}
.mobnav a:hover{color:var(--fg)}
.mobnav a[aria-current="page"]{color:var(--accent)}
.mobnav .lbl{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--accent);padding:14px 4px 6px}
.mobnav .go{color:var(--accent);font-weight:600}

@media(max-width:820px){
  .menu{display:none}
  .burger{display:block}
  .mobnav{display:block;position:absolute;left:0;right:0;top:100%;background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.35);max-height:calc(100vh - 68px);overflow-y:auto}
}
@media(max-width:480px){
  .links .hide-xs{display:none}
  .links{gap:12px}
}