/* DIFUSOR V113 · Hover 145% + afinación visual Servicios + Infraestructura */

/* ===== TRANSICIÓN SUAVE Y LENTA ===== */
body.v73-home #servicios .service,
body.v73-home #infraestructura .tech-item{
  transition:
    transform .34s ease,
    border-color .34s ease,
    box-shadow .34s ease,
    background-size 1.15s cubic-bezier(.22,.61,.36,1),
    background-position 1.15s cubic-bezier(.22,.61,.36,1),
    filter 1.15s cubic-bezier(.22,.61,.36,1)!important;
}

/* ===== SERVICIOS · Afinación del bloque entre imagen y texto ===== */
body.v73-home #servicios .service{
  overflow:hidden!important;
}
body.v73-home #servicios .service > div{
  position:relative!important;
  z-index:2!important;
  width:min(92%, 310px)!important;
  margin-top:auto!important;
  padding:14px 14px 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,rgba(4,13,18,.12) 0%,rgba(4,13,18,.20) 100%)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  backdrop-filter:blur(3px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.v73-home #servicios .service > div > b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:30px!important;
  height:24px!important;
  margin:0 0 10px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(157,220,243,.18)!important;
  background:rgba(8,24,34,.24)!important;
  color:#a9dff2!important;
  letter-spacing:.14em!important;
}
body.v73-home #servicios .service h3{
  margin:0 0 9px!important;
  text-wrap:balance!important;
}
body.v73-home #servicios .service p{
  max-width:100%!important;
}
body.v73-home #servicios .service .go{
  position:relative!important;
  z-index:2!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  color:rgba(255,255,255,.92)!important;
}

/* ===== SERVICIOS · 145% hover ===== */
body.v73-home #servicios .service[data-service="live"]:hover,
body.v73-home #servicios .service[data-service="live"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.10) 0%,rgba(4,13,18,.24) 42%,rgba(3,10,15,.76) 100%),
    url("../services/live.jpg") 58% 42% / 145% auto no-repeat!important;
}
body.v73-home #servicios .service[data-service="podcast"]:hover,
body.v73-home #servicios .service[data-service="podcast"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.10) 0%,rgba(4,13,18,.24) 42%,rgba(3,10,15,.76) 100%),
    url("../services/podcast.jpg") 50% 34% / 145% auto no-repeat!important;
}
body.v73-home #servicios .service[data-service="corporate"]:hover,
body.v73-home #servicios .service[data-service="corporate"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.11) 0%,rgba(4,13,18,.25) 42%,rgba(3,10,15,.76) 100%),
    url("../services/corporate.jpg") 38% 34% / 145% auto no-repeat!important;
}
body.v73-home #servicios .service[data-service="events"]:hover,
body.v73-home #servicios .service[data-service="events"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.08) 0%,rgba(4,13,18,.22) 42%,rgba(3,10,15,.74) 100%),
    url("../services/events.jpg") 50% 42% / 145% auto no-repeat!important;
}
body.v73-home #servicios .service[data-service="content"]:hover,
body.v73-home #servicios .service[data-service="content"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.10) 0%,rgba(4,13,18,.24) 42%,rgba(3,10,15,.76) 100%),
    url("../services/content.jpg") 62% 38% / 145% auto no-repeat!important;
}
body.v73-home #servicios .service[data-service="music"]:hover,
body.v73-home #servicios .service[data-service="music"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.08) 0%,rgba(4,13,18,.22) 42%,rgba(3,10,15,.74) 100%),
    url("../services/music.jpg") 62% 36% / 145% auto no-repeat!important;
}

/* ===== INFRAESTRUCTURA · 145% hover ===== */
body.v73-home #infraestructura .tech-item[data-infra="video"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="video"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.10) 0%,rgba(4,13,18,.24) 42%,rgba(3,10,15,.76) 100%),
    url("../infrastructure-ai/video.jpg") 50% 50% / 145% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="realizacion"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="realizacion"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.10) 0%,rgba(4,13,18,.24) 42%,rgba(3,10,15,.76) 100%),
    url("../infrastructure-ai/realizacion.jpg") 50% 50% / 145% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="audio"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="audio"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.10) 0%,rgba(4,13,18,.24) 42%,rgba(3,10,15,.76) 100%),
    url("../infrastructure-ai/audio.jpg") 50% 50% / 145% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.08) 0%,rgba(4,13,18,.22) 42%,rgba(3,10,15,.74) 100%),
    url("../infrastructure-ai/iluminacion.jpg") 50% 50% / 145% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="movimiento"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="movimiento"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.08) 0%,rgba(4,13,18,.22) 42%,rgba(3,10,15,.74) 100%),
    url("../infrastructure-ai/movimiento.jpg") 50% 50% / 145% auto no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="soporte"]:hover,
body.v73-home #infraestructura .tech-item[data-infra="soporte"]:focus-visible{
  background:
    linear-gradient(180deg,rgba(4,13,18,.10) 0%,rgba(4,13,18,.24) 42%,rgba(3,10,15,.76) 100%),
    url("../infrastructure-ai/soporte.jpg") 50% 50% / 145% auto no-repeat!important;
}

/* Mobile: mantener respiración */
@media(max-width:760px){
  body.v73-home #servicios .service > div{
    width:min(96%, 340px)!important;
    padding:13px 13px 11px!important;
  }
}