.hero-bg {
    background: linear-gradient(135deg, rgba(6, 22, 43, 0.88), rgba(0, 168, 181, 0.17)), url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
}

.whatsapp-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 99;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
}

.whatsapp-float:hover {
    transform: scale(1.08);
}

//* Forzar desplazamiento suave y táctil en contenedores horizontales */
.overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}

/* Ocultar barra de desplazamiento manteniendo funcionalidad */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animación de aviso de desplazamiento horizontal (Scroll Hint) */
@keyframes peekHint {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-35px);
    }
}

.scroll-hint-anim {
    animation: peekHint 1.2s ease-in-out 2; 
}