/* Estilos específicos para corregir problemas en móvil */
@media (max-width: 768px) {
    /* Asegurar que los botones del menú no se superpongan */
    #mobile-menu {
        z-index: 9999 !important;
    }
    
    #mobile-menu-button {
        z-index: 9000 !important;
    }
    
    #close-mobile-menu {
        position: relative !important;
        z-index: 10000 !important;
    }
    /* Ajustar las posiciones y espaciado de los títulos */
    .relative.w-full.h-64 {
        height: 220px !important;
        margin-top: -80px !important; /* Sube toda la sección de títulos */
    }
    
    /* Ajustar "Tu Evento" */
    .relative.w-full.h-64 span:first-child {
        top: 25px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        text-align: center !important;
        font-size: 1.6rem !important;
        z-index: 15 !important;
    }
    
    /* Ajustar "Inolvidable" */
    .relative.w-full.h-64 span:last-child {
        top: 75px !important;
        right: 50% !important;
        transform: translateX(50%) !important;
        text-align: center !important;
        font-size: 1.6rem !important;
        z-index: 15 !important;
    }
    
    /* Ajustar imagen de fondo para móvil */
    #intro .parallax-bg {
        background-size: 200% auto !important;
        background-position: center top !important;
    }
    
    /* Ajustar el padding para dar más espacio */
    #intro .py-20 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    
    /* Mover los botones y el texto introductorio hacia abajo */
    #intro .py-48 {
        padding-top: 280px !important; /* Baja los botones considerablemente mu00e1s */
        padding-bottom: 1rem !important;
    }
    
    /* Añadir espacio entre los botones y el texto descriptivo */
    #intro .mt-2 {
        margin-top: 1rem !important;
    }
    
    /* Reducir tamaño de botones para mejor visualización */
    #intro .px-8 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        font-size: 0.9rem !important;
    }
}