/* Estilos exclusivos de BANDAS. styles.css permanece como hoja global compartida. */
#bandas-page .genre-hero{background:linear-gradient(135deg,#111 0%,#252525 100%);padding:72px 0 48px;text-align:center;color:#fff}
#bandas-page .genre-hero h1{font-size:clamp(2.8rem,7vw,5.2rem);line-height:1;margin:14px 0;text-transform:uppercase}
#bandas-page .genre-hero h1 span{color:var(--orange)}
#bandas-page .genre-hero p:not(.section-kicker){max-width:720px;margin:0 auto;color:#c7c7c7}
#bandas-page .category-picker{display:block;width:100%;box-sizing:border-box;background:#f0f0ed;color:#222;padding:46px 0 48px}
#bandas-page .category-picker>.container{width:min(1180px,calc(100% - 40px));max-width:1180px;margin:0 auto}
#bandas-page .category-picker-heading{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:24px;max-width:850px;margin:0 auto 28px;text-align:center}
#bandas-page .category-kicker{margin:0;color:#ff4b00;font-size:.7rem;font-weight:900;letter-spacing:.18em;text-align:right}
#bandas-page .category-picker-heading h2{margin:0;color:#222;font-size:clamp(2rem,4vw,2.7rem);line-height:.98;font-weight:950;letter-spacing:.01em}
#bandas-page .category-picker-heading>p:last-child{margin:0;color:#666;font-size:.78rem;line-height:1.55;max-width:230px}
#bandas-page .category-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}
#bandas-page .category-tile{box-sizing:border-box;min-width:0;min-height:190px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:20px;background:linear-gradient(180deg,#373737 0%,#171717 100%);color:#fff;text-decoration:none;border:1px solid rgba(0,0,0,.12);isolation:isolate;transition:transform .2s,border-color .2s}
#bandas-page .category-tile:before{content:"";position:absolute;width:145px;height:145px;right:-58px;top:-60px;border-radius:50%;background:rgba(255,75,0,.2);z-index:-1}
#bandas-page .category-tile>span{position:absolute;top:19px;left:19px;color:#ff4b00;font-size:.62rem;font-weight:900;letter-spacing:.15em}
#bandas-page .category-tile h3{margin:0 0 9px;color:#fff;font-size:1.35rem;line-height:1.05;font-weight:900}
#bandas-page .category-tile p{margin:0;color:#dedede;font-size:.78rem;line-height:1.5;max-width:230px}
#bandas-page .category-tile:hover{transform:translateY(-3px);border-color:#ff4b00}
#bandas-page .band-category-section{padding:58px 0;color:#fff;background:#101010}
#bandas-page .band-category-rock{background:#101010}
#bandas-page .band-category-folclore{background:#171717}
#bandas-page .band-category-tango{background:#121212}
#bandas-page .band-category-otros{background:#1a1a1a}
#bandas-page .band-category-section .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px}
#bandas-page .band-category-section .section-heading h2{color:#fff;margin:6px 0 0;font-size:clamp(1.5rem,3vw,2.25rem)}
#bandas-page .band-category-section .section-note{color:#aaa;max-width:360px;margin:0;font-size:.85rem;line-height:1.6}
#bandas-page .band-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}















#bandas-page .empty-genre{color:#aaa}
@media(max-width:1050px){#bandas-page .band-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){#bandas-page .category-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#bandas-page .band-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#bandas-page .genre-hero{padding:48px 0 34px}#bandas-page .category-picker{padding:32px 0 36px}#bandas-page .category-picker>.container{width:calc(100% - 28px)}#bandas-page .category-picker-heading{grid-template-columns:1fr;gap:10px;text-align:center;margin-bottom:22px}#bandas-page .category-kicker{text-align:center}#bandas-page .category-picker-heading>p:last-child{margin:auto}#bandas-page .category-picker-grid,#bandas-page .band-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#bandas-page .category-tile{min-height:150px;padding:14px}#bandas-page .category-tile>span{top:13px;left:13px}#bandas-page .category-tile h3{font-size:1.05rem}#bandas-page .category-tile p{font-size:.68rem}#bandas-page .band-category-section{padding:36px 0}#bandas-page .band-category-section .section-heading{display:block;margin-bottom:18px}#bandas-page .band-category-section .section-note{margin-top:10px}}
@media(max-width:380px){#bandas-page .band-cards-grid{grid-template-columns:1fr}}


/* AJUSTE EXCLUSIVO: sección "GÉNEROS / ELEGÍ UNA CATEGORÍA" */
#bandas-page .category-picker .category-kicker {
  font-size: calc(.7rem + 3pt) !important;
}
#bandas-page .category-picker .category-picker-heading h2 {
  font-size: calc(clamp(2rem, 4vw, 2.7rem) + 3pt) !important;
}
#bandas-page .category-picker .category-picker-heading > p:last-child {
  font-size: calc(.78rem + 3pt) !important;
}

/* Las cuatro cajas de género quedan cuadradas. */
#bandas-page .category-picker .category-tile {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Textos internos de las cajas: +2 puntos. */
#bandas-page .category-picker .category-tile > span {
  font-size: calc(.62rem + 2pt) !important;
}
#bandas-page .category-picker .category-tile h3 {
  font-size: calc(1.35rem + 2pt) !important;
}
#bandas-page .category-picker .category-tile p {
  font-size: calc(.78rem + 2pt) !important;
}

@media (max-width: 600px) {
  #bandas-page .category-picker .category-tile h3 {
    font-size: calc(1.05rem + 2pt) !important;
  }
  #bandas-page .category-picker .category-tile p {
    font-size: calc(.68rem + 2pt) !important;
  }
}


/* Botonera "BUSCÁ POR" sobre la sección de categorías, como en la referencia del portal. */
#bandas-page .band-quick-nav {
  position: relative;
  z-index: 2;
  padding: 0 0 26px;
}
#bandas-page .band-quick-nav-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
#bandas-page .band-quick-nav-inner strong {
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
  color: var(--text, #f4f1ec);
  margin-right: 4px;
}
#bandas-page .band-quick-nav-inner a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 14px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  color: var(--text, #f4f1ec);
  text-decoration: none;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.1;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
#bandas-page .band-quick-nav-inner a:hover {
  border-color: var(--accent, #e6a23c);
  background: rgba(230,162,60,.12);
}
#bandas-page .band-quick-nav-inner .band-quick-nav-shows {
  border-color: var(--accent, #e6a23c);
  color: var(--accent, #e6a23c);
}
@media(max-width:600px) {
  #bandas-page .band-quick-nav { padding-bottom: 20px; }
  #bandas-page .band-quick-nav-inner { gap: 7px; }
  #bandas-page .band-quick-nav-inner strong { width: 100%; margin-bottom: 2px; }
  #bandas-page .band-quick-nav-inner a { min-height: 32px; padding: 6px 11px; }
}


/* SOLO el título "Las bandas de [género] que ya tienen su lugar." +4pt */
#bandas-page .band-category-section .section-heading h2 {
  font-family: inherit !important;
  font-size: calc(clamp(2.1rem, 4vw, 3.7rem)) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}


/* En celulares: una tarjeta de banda debajo de la otra.
   No afecta las cajas de selección de género ni las tarjetas de otras páginas. */
@media (max-width: 767px) {
  #bandas-page .band-category-section .band-cards-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
}