/* Menú del Blog (igual que la web madre): Kits, Tests, Músicos. Se carga DESPUÉS de los estilos de cada página. */
/* Compacto y fluido: el menú completo entra en pantallas medianas sin achicar la letra por debajo de 10.5px. */
header.site nav{ gap:clamp(8px, -62.5px + 5.8vw, 26px); }
header.site nav > a, header.site nav > .nav-drop > a, header.site nav > .nav-drop > .nav-drop__trigger{
  font-size:clamp(10.5px, 8.643px + 0.179vw, 11.5px); letter-spacing:clamp(0.63px, -1.617px + 0.216vw, 1.84px); }
header.site nav .nav-drop__trigger{ cursor:pointer; }
/* Desplegables en minúscula normal (como en la web madre): sin mayúsculas forzadas y con la misma letra fluida que el menú */
header.site nav .navpanel a, header.site nav .navpanel button{ text-transform:none; font-size:clamp(10.5px, 8.643px + 0.179vw, 11.5px); letter-spacing:clamp(0.63px, -1.617px + 0.216vw, 1.84px); }
.navpanel__kits{ background:none; border:0; cursor:pointer; text-align:left; width:100%; font-family:var(--sans); color:var(--texto-2); }
.navpanel__kits:hover{ color:var(--cobre); background:rgba(200,155,108,.08); }
.navpanel__kits .caret{ font-style:normal; font-size:8px; margin-left:6px; display:inline-block; transition:transform .2s ease; }
.navpanel__kits.open .caret, .navpanel__kits[aria-expanded="true"] .caret{ transform:rotate(180deg); }
.kits-panel{ position:absolute; left:0; right:0; top:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(18px,3vw,44px);
  padding:28px clamp(20px,4vw,56px) 32px; background:rgba(14,13,12,.985); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(200,155,108,.18); box-shadow:0 24px 48px rgba(0,0,0,.5);
  opacity:0; transform:translateY(-6px); pointer-events:none; visibility:hidden; transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s; }
.kits-panel.open{ opacity:1; transform:none; pointer-events:auto; visibility:visible; transition-delay:0s; }
.kits-coltitle{ font-family:var(--sans); font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--cobre); margin-bottom:12px; }
.kits-link{ display:block; padding:7px 0; color:var(--texto-2); font-family:var(--sans); font-size:13px; letter-spacing:.02em; text-transform:none; transition:color .2s ease; }
.kits-link:hover{ color:var(--cobre); }
/* Corte a menú de tres rayas (en ambos sentidos, para pisar el corte propio de cada página) */
@media (max-width:1200px){ header.site nav{ display:none; } header.site .burger{ display:flex; } .kits-panel{ display:none; } }
@media (min-width:1201px){ header.site nav{ display:flex; } header.site .burger{ display:none; } }
/* Menú móvil con acordeones */
.mobilemenu{ overflow-y:auto; justify-content:safe center; padding:76px 24px 32px; gap:22px; }
.mx-acc{ display:flex; flex-direction:column; align-items:center; }
.mx-accbtn{ background:none; border:0; cursor:pointer; padding:0; font-family:var(--serif); font-size:17px; letter-spacing:.2em; text-transform:uppercase; color:var(--texto); }
.mx-accbtn .caret{ font-style:normal; font-size:10px; display:inline-block; transition:transform .3s ease; }
.mx-acc.open > .mx-accbtn{ color:var(--cobre); }
.mx-acc.open > .mx-accbtn .caret{ transform:rotate(180deg); }
.mx-acclist{ display:none; flex-direction:column; align-items:center; gap:14px; margin-top:16px; }
.mx-acc.open > .mx-acclist{ display:flex; }
.mobilemenu .mx-acclist a{ font-family:var(--sans); font-size:14px; letter-spacing:.1em; text-transform:uppercase; color:var(--texto-2); }
.mx-acc--sub .mx-accbtn{ font-family:var(--sans); font-size:14px; letter-spacing:.1em; color:var(--texto-2); }
.mx-acc--sub .mx-acclist{ margin-top:12px; gap:10px; }
.mobilemenu .mx-acc--sub .mx-acclist a{ font-size:12.5px; letter-spacing:.03em; text-transform:none; }
.mobilemenu .kits-coltitle{ margin:6px 0 0; }
.mx-login{ margin-top:8px; background:var(--borgona); font-family:var(--sans); font-size:12px; letter-spacing:.18em; padding:13px 30px; color:var(--texto); }
.mx-acc--login.open > .mx-login{ color:var(--texto); }