@media (max-width: 768px) {
    .carousel-control-prev, .carousel-control-next {
        display: none !important; /* Ocultar flechas laterales en móvil para dejar espacio al swipe nativo */
    }

    .hero-img-wrapper {
        padding: 8px;
        border-radius: 1.5rem;
    }

    .floating-card {
        bottom: 16px;
        left: 16px;
        right: 16px;
    }
}