/* DIFUSOR V109 · INFRAESTRUCTURA CINEMATOGRÁFICA
   Base: V108 aprobada.
   - Reduce aproximadamente a la mitad el movimiento/zoom percibido del hover en Servicios.
   - Añade fondos visuales a Infraestructura SIN cambiar tamaño ni estructura de las tarjetas. */

/* ================================================================
   1. SERVICIOS · HOVER 50% MÁS SUAVE
   ================================================================ */
body.v73-home #servicios .service:hover,
body.v73-home #servicios .service:focus-visible{
  transform:translateY(-2.5px)!important;
}
body.v73-home #servicios .service:hover .go b,
body.v73-home #servicios .service:focus-visible .go b{
  transform:translate(1px,-1px)!important;
}

/* ================================================================
   2. INFRAESTRUCTURA · IMÁGENES SIN ALTERAR EL LAYOUT EXISTENTE
   ================================================================ */

body.v73-home #infraestructura .tech-item{
  position:relative!important;
  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;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
  text-align:left!important;
}

/* Imagen + overlay cinematográfico por capacidad */
body.v73-home #infraestructura .tech-item[data-infra="video"]{
  background:
    linear-gradient(180deg,rgba(3,12,18,.38) 0%,rgba(3,12,18,.66) 46%,rgba(3,10,15,.95) 100%),
    url("../infrastructure/video.jpg") center center / cover no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="realizacion"]{
  background:
    linear-gradient(180deg,rgba(3,12,18,.40) 0%,rgba(3,12,18,.68) 46%,rgba(3,10,15,.95) 100%),
    url("../infrastructure/realizacion.jpg") center center / cover no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="audio"]{
  background:
    linear-gradient(180deg,rgba(3,12,18,.38) 0%,rgba(3,12,18,.66) 46%,rgba(3,10,15,.95) 100%),
    url("../infrastructure/audio.jpg") center 38% / cover no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]{
  background:
    linear-gradient(180deg,rgba(3,12,18,.30) 0%,rgba(3,12,18,.62) 46%,rgba(3,10,15,.95) 100%),
    url("../infrastructure/iluminacion.jpg") center center / cover no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="movimiento"]{
  background:
    linear-gradient(180deg,rgba(3,12,18,.34) 0%,rgba(3,12,18,.64) 46%,rgba(3,10,15,.95) 100%),
    url("../infrastructure/movimiento.jpg") center center / cover no-repeat!important;
}
body.v73-home #infraestructura .tech-item[data-infra="soporte"]{
  background:
    linear-gradient(180deg,rgba(3,12,18,.40) 0%,rgba(3,12,18,.69) 46%,rgba(3,10,15,.95) 100%),
    url("../infrastructure/soporte.jpg") center center / cover no-repeat!important;
}

/* Mantener lectura y jerarquía originales */
body.v73-home #infraestructura .tech-item b{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  text-shadow:0 2px 15px rgba(0,0,0,.38)!important;
}
body.v73-home #infraestructura .tech-item p{
  position:relative!important;
  z-index:2!important;
  color:rgba(255,255,255,.74)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.34)!important;
}
body.v73-home #infraestructura .tech-item span{
  position:relative!important;
  z-index:2!important;
  color:#9ddcf3!important;
  border-top-color:rgba(255,255,255,.16)!important;
}

/* Hover controlado: movimiento suave y mayor revelado de la fotografía */
body.v73-home #infraestructura .tech-item:hover,
body.v73-home #infraestructura .tech-item:focus-visible{
  transform:translateY(-2.5px)!important;
  border-color:rgba(118,205,239,.30)!important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.22),
    0 0 16px rgba(67,166,207,.08)!important;
}

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(3,12,18,.31) 0%,rgba(3,12,18,.59) 46%,rgba(3,10,15,.92) 100%),
    url("../infrastructure/video.jpg") center center / cover 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(3,12,18,.33) 0%,rgba(3,12,18,.61) 46%,rgba(3,10,15,.92) 100%),
    url("../infrastructure/realizacion.jpg") center center / cover 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(3,12,18,.31) 0%,rgba(3,12,18,.59) 46%,rgba(3,10,15,.92) 100%),
    url("../infrastructure/audio.jpg") center 38% / cover 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(3,12,18,.24) 0%,rgba(3,12,18,.55) 46%,rgba(3,10,15,.92) 100%),
    url("../infrastructure/iluminacion.jpg") center center / cover 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(3,12,18,.27) 0%,rgba(3,12,18,.57) 46%,rgba(3,10,15,.92) 100%),
    url("../infrastructure/movimiento.jpg") center center / cover 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(3,12,18,.33) 0%,rgba(3,12,18,.62) 46%,rgba(3,10,15,.92) 100%),
    url("../infrastructure/soporte.jpg") center center / cover no-repeat!important;
}