/* Track 06 · encajado dentro de la columna izquierda entre Track 05 y Track 09. */
#hup-track06.hup-track06 {
  position:relative;
  width:100% !important;
  max-width:100% !important;
  margin:clamp(22px,2.5vw,38px) 0 !important;
  padding:clamp(24px,3vw,38px) 0 !important;
  overflow:hidden;
  background:transparent !important;
  color:#fff;
  box-sizing:border-box;
}
#hup-track06 .hup-t06-inner { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
#hup-track06 .hup-t06-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:18px; }
#hup-track06 .hup-t06-kicker { margin-bottom:6px; color:#d4aa47; font-size:11px; font-weight:900; letter-spacing:.16em; }
#hup-track06 h2 { margin:0 0 8px; color:#fff; font-size:clamp(25px,2.6vw,38px); line-height:1.04; font-weight:900; letter-spacing:-.02em; }
#hup-track06 .hup-t06-head p { max-width:760px; margin:0; color:rgba(255,255,255,.66); font-size:14px; line-height:1.48; }
#hup-track06 .hup-t06-arrows { display:flex; flex:0 0 auto; gap:8px; }
#hup-track06 .hup-t06-arrows button { width:38px; height:38px; border:1px solid rgba(255,255,255,.19); border-radius:50%; background:#151515; color:#fff; font-size:24px; line-height:1; cursor:pointer; }
#hup-track06 .hup-t06-arrows button:hover { border-color:#d4aa47; color:#d4aa47; }
#hup-track06 .hup-t06-viewport { width:100%; overflow:hidden; }
#hup-track06 .hup-t06-row { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:1px 1px 8px; }
#hup-track06 .hup-t06-row::-webkit-scrollbar { display:none; }
#hup-track06 .hup-t06-card { flex:0 0 clamp(230px,42%,320px); overflow:hidden; scroll-snap-align:start; border:1px solid rgba(255,255,255,.13); border-radius:5px; background:#151515; color:#fff; text-decoration:none !important; box-shadow:0 10px 24px rgba(0,0,0,.14); transition:transform .2s ease,border-color .2s ease,background .2s ease; }
#hup-track06 .hup-t06-card:hover { transform:translateY(-3px); border-color:rgba(212,170,71,.7); background:#181818; }
#hup-track06 .hup-t06-art { position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; background:#090909; }
#hup-track06 .hup-t06-art-fallback { position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:space-between; padding:16px; background:radial-gradient(circle at 80% 20%,rgba(180,30,48,.52),transparent 40%),linear-gradient(135deg,#222,#070707 72%); }
#hup-track06 .hup-t06-art-fallback span { font-size:11px; font-weight:900; letter-spacing:.13em; }
#hup-track06 .hup-t06-art-fallback strong { color:#d4aa47; font-size:42px; line-height:.8; opacity:.9; }
#hup-track06 .hup-t06-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .22s ease,transform .28s ease; }
#hup-track06 .hup-has-art .hup-t06-art img { opacity:1; }
#hup-track06 .hup-t06-card:hover .hup-t06-art img { transform:scale(1.02); }
#hup-track06 .hup-t06-copy { padding:14px 15px 16px; }
#hup-track06 .hup-t06-label { margin-bottom:6px; color:#d4aa47; font-size:9.5px; font-weight:900; letter-spacing:.12em; }
#hup-track06 h3 { margin:0 0 7px; color:#fff; font-size:17px; line-height:1.18; font-weight:900; }
#hup-track06 .hup-t06-copy p { display:-webkit-box; min-height:55px; margin:0 0 12px; overflow:hidden; color:rgba(255,255,255,.63); font-size:12px; line-height:1.48; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
#hup-track06 .hup-t06-listen { color:#fff; font-size:9.5px; font-weight:900; letter-spacing:.08em; }
#hup-track06 .hup-t06-card:hover .hup-t06-listen { color:#d4aa47; }
@media(max-width:767px){
  #hup-track06 { margin:18px 0 !important; padding:22px 0 !important; }
  #hup-track06 .hup-t06-head { align-items:flex-start; }
  #hup-track06 .hup-t06-arrows { display:none; }
  #hup-track06 .hup-t06-card { flex-basis:82%; max-width:320px; }
  #hup-track06 .hup-t06-head p { font-size:13px; }
}