/**
 * Hero Section - Estilos para Móvil
 * Configuración de imagen fija para pantallas pequeñas
 */

@media (max-width: 768px) {
    /* Ocultar carrusel en móvil */
    .hero-carousel {
        display: none !important;
    }
    
    /* Mostrar imagen fija en móvil */
    .hero-fixed-background {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../images/photo-1649423247507-666b30d4f5fb.avif');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
    }
}