/* =========================================
   CSS Animación imagenes HOVER zoom e ilumina
   ========================================= */

.mi-zoom {
    overflow: hidden;
}

.mi-zoom img {
    transform: scale(1);
    filter: brightness(1) contrast(1);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
}

.mi-zoom:hover img {
    /*transform: translateY(-9px);*/
		transform: scale(1.1);
    /*filter: brightness(1.35) contrast(1.1);*/
		filter: brightness(1.3) saturate(1.15);
    box-shadow: 0 0 30px 15px rgba(255, 215, 0, 0.3);
}