/* Botón «Descargar» de la cabecera y su menú (descargas_cabecera.js). Mismas medidas que «Asiento». */
#appHeader .descargas-wrap { position:relative; flex:0 0 auto; }
#appHeader .descargas-trigger {
  display:flex; align-items:center; gap:7px; height:36px; padding:0 11px;
  border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--bg);
  color:var(--text-2); font:500 12px var(--font-sans); cursor:pointer; white-space:nowrap;
}
#appHeader .descargas-trigger:disabled { opacity:.45; cursor:default; }
#appHeader .descargas-trigger:disabled:hover { border-color:var(--border); background:var(--bg); color:var(--text-2); }
#appHeader .descargas-trigger:hover { border-color:var(--accent); background:var(--accent-weak); color:var(--accent-strong); }
#appHeader .descargas-trigger:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.descargas-trigger svg { width:17px; height:17px; flex:none; }
.descargas-cuenta { min-width:18px; padding:0 5px; border-radius:999px; background:var(--accent); color:#fff; font:700 10.5px/18px var(--font-num); text-align:center; }
.descargas-cuenta[hidden] { display:none; }
.descargas-menu { position:absolute; top:calc(100% + 6px); right:0; z-index:90; min-width:260px; max-width:min(420px, calc(100vw - 24px));
  padding:6px; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface); box-shadow:var(--shadow-modal); }
.descargas-menu[hidden] { display:none; }
.descargas-op { display:block; width:100%; text-align:left; padding:9px 10px; border:0; border-radius:var(--radius-sm); background:transparent;
  color:var(--text); font:500 13px var(--font-sans); cursor:pointer; }
.descargas-op:hover, .descargas-op:focus-visible { background:var(--accent-weak); color:var(--accent-strong); outline:none; }
.descargas-op:disabled { opacity:.45; cursor:not-allowed; }
/* Los botones originales siguen en el DOM (se ejecutan desde el menú) pero ya no se ven en su sitio. */
[data-descarga-cabecera] { display:none !important; }
@media (max-width:768px) {
  /* Con Buscar + Asiento + Descargar el logo se quedaba en 0 px a 390 px: menos hueco entre botones. */
  #appHeader.header { gap:6px; padding-left:8px; padding-right:8px; }
  #appHeader .descargas-trigger { width:44px; height:44px; padding:0; justify-content:center; background:var(--surface); }
  #appHeader .descargas-trigger .descargas-txt { display:none; }
  .descargas-cuenta { position:absolute; top:2px; right:2px; }
}