/* DIFUSOR V108 · SERVICIOS CON IMÁGENES — CORRECCIÓN
   Base limpia: V106.
   Esta versión NO modifica tamaño ni estructura de las tarjetas.
   Solo agrega fondos fotográficos reales y tratamiento cinematográfico. */

body.v73-home #servicios .service{
  overflow:hidden!important;
  isolation:isolate!important;
  background-color:rgba(7,21,29,.88)!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  color:#fff!important;
}

/* Fondos reales por servicio.
   Las rutas son relativas a assets/css/cinematic-v108.css */
body.v73-home #servicios .service[data-service="live"]{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.48) 0%,rgba(4,13,18,.67) 45%,rgba(3,10,15,.94) 100%),
    url("../services/live.jpg")!important;
}
body.v73-home #servicios .service[data-service="podcast"]{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.45) 0%,rgba(4,13,18,.66) 45%,rgba(3,10,15,.94) 100%),
    url("../services/podcast.jpg")!important;
}
body.v73-home #servicios .service[data-service="corporate"]{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.44) 0%,rgba(4,13,18,.66) 45%,rgba(3,10,15,.94) 100%),
    url("../services/corporate.jpg")!important;
}
body.v73-home #servicios .service[data-service="events"]{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.39) 0%,rgba(4,13,18,.62) 44%,rgba(3,10,15,.94) 100%),
    url("../services/events.jpg")!important;
}
body.v73-home #servicios .service[data-service="content"]{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.42) 0%,rgba(4,13,18,.65) 45%,rgba(3,10,15,.94) 100%),
    url("../services/content.jpg")!important;
}
body.v73-home #servicios .service[data-service="music"]{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.40) 0%,rgba(4,13,18,.62) 44%,rgba(3,10,15,.94) 100%),
    url("../services/music.jpg")!important;
}

/* Mantener el contenido original dentro del contenedor y por encima del fondo */
body.v73-home #servicios .service > div,
body.v73-home #servicios .service > .go{
  position:relative!important;
  z-index:2!important;
}

body.v73-home #servicios .service h3{
  color:#fff!important;
  text-shadow:0 2px 15px rgba(0,0,0,.40)!important;
}
body.v73-home #servicios .service p{
  color:rgba(255,255,255,.76)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.34)!important;
}
body.v73-home #servicios .service > div > b{
  color:#9ddcf3!important;
  text-shadow:0 1px 10px rgba(0,0,0,.35)!important;
}
body.v73-home #servicios .service .go{
  border-top-color:rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.90)!important;
}

/* Hover: conserva la fotografía, evitando que reglas anteriores la borren */
body.v73-home #servicios .service[data-service="live"]:hover,
body.v73-home #servicios .service[data-service="live"]:focus-visible{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.38) 0%,rgba(4,13,18,.59) 45%,rgba(3,10,15,.91) 100%),
    url("../services/live.jpg")!important;
}
body.v73-home #servicios .service[data-service="podcast"]:hover,
body.v73-home #servicios .service[data-service="podcast"]:focus-visible{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.36) 0%,rgba(4,13,18,.58) 45%,rgba(3,10,15,.91) 100%),
    url("../services/podcast.jpg")!important;
}
body.v73-home #servicios .service[data-service="corporate"]:hover,
body.v73-home #servicios .service[data-service="corporate"]:focus-visible{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.35) 0%,rgba(4,13,18,.58) 45%,rgba(3,10,15,.91) 100%),
    url("../services/corporate.jpg")!important;
}
body.v73-home #servicios .service[data-service="events"]:hover,
body.v73-home #servicios .service[data-service="events"]:focus-visible{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.31) 0%,rgba(4,13,18,.54) 44%,rgba(3,10,15,.91) 100%),
    url("../services/events.jpg")!important;
}
body.v73-home #servicios .service[data-service="content"]:hover,
body.v73-home #servicios .service[data-service="content"]:focus-visible{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.33) 0%,rgba(4,13,18,.56) 45%,rgba(3,10,15,.91) 100%),
    url("../services/content.jpg")!important;
}
body.v73-home #servicios .service[data-service="music"]:hover,
body.v73-home #servicios .service[data-service="music"]:focus-visible{
  background-image:
    linear-gradient(180deg,rgba(4,13,18,.31) 0%,rgba(4,13,18,.54) 44%,rgba(3,10,15,.91) 100%),
    url("../services/music.jpg")!important;
}

/* En móvil mantenemos exactamente la estructura V106 */
@media(max-width:560px){
  body.v73-home #servicios .service{
    background-position:center center!important;
  }
}