/* Amplía suavemente las imágenes de los nueve servicios al pasar el cursor. */
@media (hover: hover) and (pointer: fine) {
  .pagina-inicio .componente[class*="inicio-servicios__imagen"] > .modulo-interior {
    overflow: hidden;
  }

  .pagina-inicio .componente[class*="inicio-servicios__imagen"] img {
    transition: transform 350ms ease;
  }

  .pagina-inicio .componente[class*="inicio-servicios__imagen"]:hover img,
  .pagina-inicio .componente[class*="inicio-servicios__imagen"]:focus-within img {
    transform: scale(1.05);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pagina-inicio .componente[class*="inicio-servicios__imagen"] img {
    transition-duration: 0.01ms;
  }
}