.slider-default {
    width: 100%;
    height: 50vw; /* 50% del ancho del viewport */
    background-image: url('/front/img/default-slider.png');
    background-size: cover;
    background-position: center center;
}

@media screen and (max-width: 768px) {
    .slider-default {
        height: 70vw;
        background-position: center right;
    }
}
.whatsapp-btn {
    transition: transform 0.3s ease; /* Suaviza la animación */
}
.whatsapp-btn:hover {
    transform: scale(1.1); /* Hace el zoom */
}