/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 20 2025 | 10:20:34 */
/* =================================================================== */
/* ==     EFECTO HOVER PARA CARRUSEL DE LOGOS EN MENÚ DE MARCAS     == */
/* =================================================================== */

/* 1. Preparamos el contenedor de cada logo (el enlace 'a') para que
      el efecto de zoom no se desborde y se vea cortado. */
#mega-menu-wrap-primary .pwb-carousel .pwb-slick-slide a {
    display: block;
    overflow: hidden;
    border-radius: 4px; /* Mantiene las esquinas redondeadas si las hubiera */
}

/* 2. Añadimos una transición suave a la imagen del logo. */
#mega-menu-wrap-primary .pwb-carousel .pwb-slick-slide a img {
    transition: transform 0.3s ease-in-out;
}

/* 3. Aplicamos el efecto de zoom cuando el cursor pasa por encima del enlace. */
#mega-menu-wrap-primary .pwb-carousel .pwb-slick-slide a:hover img {
    transform: scale(1.1); /* Aumenta la imagen un 10% */
}