/* 1. Contenedor de la imagen: evita que el zoom se salga de los bordes de la tarjeta */
.contenedor-zoom {
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

/* 2. Estado normal de la imagen: le damos una transición suave de 0.4 segundos */
.imagen-zoom {
    transition: transform 0.4s ease-in-out;
}

/* 3. Efecto Hover: cuando el mouse pasa por encima de la tarjeta, la imagen se agranda */
.card:hover .imagen-zoom {
    transform: scale(1.15);
}

/* Fuerza a que el texto de sugerencia se vea gris claro y legible */
.buscador-personalizado::placeholder {
    color: #a0a0a0 !important;
    opacity: 1 !important;
}

/* Para navegadores antiguos o Safari en Mac */
.buscador-personalizado::-webkit-input-placeholder {
    color: #a0a0a0 !important;
}