.soluciones, .tecnologia, .convocatoria, .interaccion {
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), z-index 0.3s ease;
  cursor: pointer;
}

/* Cuando la imagen esté en zoom */
.soluciones.zoom, .tecnologia.zoom, .convocatoria.zoom, .interaccion.zoom {
  transform: scale(1.1); /* Aumento al 120% */
  z-index: 9999; /* Asegurarse de que la imagen esté por encima */
}

/* Efecto de hover que también debe permanecer cuando se hace zoom */
.soluciones:hover, .tecnologia:hover, .convocatoria:hover, .interaccion:hover {
  filter: brightness(1.1); /* Cambio de brillo al pasar el cursor */
}

/* Asegurarse de que el zoom se mantenga al hacer clic */
.soluciones.zoom:hover, .tecnologia.zoom:hover, .convocatoria.zoom:hover, .interaccion.zoom:hover {
  filter: brightness(1.1); /* Cambio de brillo al pasar el cursor */
}

.btn-cerrar {
  outline: none;
}