/* DIFUSOR V117 · Música Carrusel + Luz Día
   Base V116. Integra las imágenes diurnas aprobadas en Difusor e Infraestructura
   y convierte Música en carrusel con los 6 trabajos musicales. */

/* ================================================================
   MÚSICA · CARRUSEL
   ================================================================ */
body.v73-home #musica .music-carousel{
  position:relative!important;
  width:100%!important;
  margin:0!important;
}
body.v73-home #musica .music-carousel-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 12px!important;
}
body.v73-home #musica .music-carousel-count{
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.56)!important;
}
body.v73-home #musica .music-carousel-controls{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.v73-home #musica .music-carousel-nav{
  width:38px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(7,21,29,.56)!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1!important;
  cursor:pointer!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,opacity .25s ease!important;
}
body.v73-home #musica .music-carousel-nav:hover:not(:disabled){
  transform:translateY(-2px)!important;
  border-color:rgba(143,209,236,.38)!important;
  background:rgba(10,35,47,.72)!important;
}
body.v73-home #musica .music-carousel-nav:disabled{
  opacity:.28!important;
  cursor:default!important;
}
body.v73-home #musica .music-carousel-viewport{
  width:100%!important;
  overflow:hidden!important;
  border-radius:16px!important;
}
body.v73-home #musica .music-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.v73-home #musica .music-grid::-webkit-scrollbar{display:none!important;}
body.v73-home #musica .music-card{
  flex:0 0 calc((100% - 48px)/5)!important;
  min-width:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
body.v73-home #musica .music-carousel-progress{
  width:100%!important;
  height:2px!important;
  margin-top:14px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
}
body.v73-home #musica .music-carousel-progress span{
  display:block!important;
  width:20%!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,rgba(128,207,239,.52),rgba(179,228,247,.86))!important;
  transform:translateX(0)!important;
  transition:transform .35s ease,width .35s ease!important;
}
body.v73-home #musica .music-entry{
  margin-top:25px!important;
}

@media(max-width:1180px){
  body.v73-home #musica .music-card{flex-basis:calc((100% - 24px)/3)!important;}
}
@media(max-width:760px){
  body.v73-home #musica .music-card{flex-basis:calc((100% - 12px)/2)!important;}
}
@media(max-width:520px){
  body.v73-home #musica .music-card{
    flex-basis:88%!important;
    display:flex!important;
    grid-template-columns:none!important;
    min-height:0!important;
  }
  body.v73-home #musica .music-img{
    height:auto!important;
    aspect-ratio:16/9!important;
  }
  body.v73-home #musica .music-carousel-nav{width:36px!important;height:36px!important;}
}

/* ================================================================
   DIFUSOR · IMÁGENES DIURNAS APROBADAS
   ================================================================ */
body.v73-home #nosotros .milestone,
body.v73-home #nosotros .milestone-origin,
body.v73-home #nosotros .milestone-story{
  background-size:118% auto!important;
  background-repeat:no-repeat!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,
             background-size 1.15s cubic-bezier(.22,.61,.36,1),
             background-position 1.15s cubic-bezier(.22,.61,.36,1)!important;
}
body.v73-home #nosotros .milestone::before,
body.v73-home #nosotros .milestone-origin::before,
body.v73-home #nosotros .milestone-story::before{
  background:linear-gradient(180deg,rgba(4,12,16,.03) 0%,rgba(4,12,16,.12) 34%,rgba(3,11,15,.44) 64%,rgba(3,10,15,.78) 100%)!important;
}
body.v73-home #nosotros .milestone-origin{
  background-image:url('../difusor-day/origin.jpg')!important;
  background-position:50% 44%!important;
}
body.v73-home #nosotros .milestone-story[data-story="reinvention"]{
  background-image:url('../difusor-day/reinvention.jpg')!important;
  background-position:52% 46%!important;
}
body.v73-home #nosotros .milestone-story[data-story="music"]{
  background-image:url('../difusor-day/music.jpg')!important;
  background-position:58% 38%!important;
}
body.v73-home #nosotros .milestone-story[data-story="today"]{
  background-image:url('../difusor-day/today.jpg')!important;
  background-position:50% 48%!important;
}
body.v73-home #nosotros .milestone:hover,
body.v73-home #nosotros .milestone:focus-visible,
body.v73-home #nosotros .milestone-origin:hover,
body.v73-home #nosotros .milestone-origin:focus-visible,
body.v73-home #nosotros .milestone-story:hover,
body.v73-home #nosotros .milestone-story:focus-visible{
  background-size:145% auto!important;
}

/* ================================================================
   INFRAESTRUCTURA · IMÁGENES DIURNAS APROBADAS
   ================================================================ */
body.v73-home #infraestructura .tech-item[data-infra="video"]{
  background:linear-gradient(180deg,rgba(4,13,18,.04) 0%,rgba(4,13,18,.14) 42%,rgba(3,10,15,.58) 100%),
             url('../infrastructure-day/video.jpg') 50% 50% / 130% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="realizacion"]{
  background:linear-gradient(180deg,rgba(4,13,18,.04) 0%,rgba(4,13,18,.14) 42%,rgba(3,10,15,.58) 100%),
             url('../infrastructure-day/realizacion.jpg') 50% 50% / 130% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="audio"]{
  background:linear-gradient(180deg,rgba(4,13,18,.04) 0%,rgba(4,13,18,.14) 42%,rgba(3,10,15,.58) 100%),
             url('../infrastructure-day/audio.jpg') 50% 50% / 130% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]{
  background:linear-gradient(180deg,rgba(4,13,18,.03) 0%,rgba(4,13,18,.12) 42%,rgba(3,10,15,.56) 100%),
             url('../infrastructure-day/iluminacion.jpg') 50% 50% / 130% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="movimiento"]{
  background:linear-gradient(180deg,rgba(4,13,18,.03) 0%,rgba(4,13,18,.12) 42%,rgba(3,10,15,.56) 100%),
             url('../infrastructure-day/movimiento.jpg') 50% 50% / 130% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="soporte"]{
  background:linear-gradient(180deg,rgba(4,13,18,.04) 0%,rgba(4,13,18,.14) 42%,rgba(3,10,15,.58) 100%),
             url('../infrastructure-day/soporte.jpg') 50% 50% / 130% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra]:hover,
body.v73-home #infraestructura .tech-item[data-infra]:focus-visible{
  background-size:145% auto!important;
}
body.v73-home #infraestructura .tech-item[data-infra="video"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="video"]:focus-visible{
  background-image:linear-gradient(180deg,rgba(4,13,18,.02) 0%,rgba(4,13,18,.09) 42%,rgba(3,10,15,.49) 100%),url('../infrastructure-day/video.jpg')!important;
}
body.v73-home #infraestructura .tech-item[data-infra="realizacion"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="realizacion"]:focus-visible{
  background-image:linear-gradient(180deg,rgba(4,13,18,.02) 0%,rgba(4,13,18,.09) 42%,rgba(3,10,15,.49) 100%),url('../infrastructure-day/realizacion.jpg')!important;
}
body.v73-home #infraestructura .tech-item[data-infra="audio"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="audio"]:focus-visible{
  background-image:linear-gradient(180deg,rgba(4,13,18,.02) 0%,rgba(4,13,18,.09) 42%,rgba(3,10,15,.49) 100%),url('../infrastructure-day/audio.jpg')!important;
}
body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]:focus-visible{
  background-image:linear-gradient(180deg,rgba(4,13,18,.01) 0%,rgba(4,13,18,.08) 42%,rgba(3,10,15,.47) 100%),url('../infrastructure-day/iluminacion.jpg')!important;
}
body.v73-home #infraestructura .tech-item[data-infra="movimiento"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="movimiento"]:focus-visible{
  background-image:linear-gradient(180deg,rgba(4,13,18,.01) 0%,rgba(4,13,18,.08) 42%,rgba(3,10,15,.47) 100%),url('../infrastructure-day/movimiento.jpg')!important;
}
body.v73-home #infraestructura .tech-item[data-infra="soporte"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="soporte"]:focus-visible{
  background-image:linear-gradient(180deg,rgba(4,13,18,.02) 0%,rgba(4,13,18,.09) 42%,rgba(3,10,15,.49) 100%),url('../infrastructure-day/soporte.jpg')!important;
}