/* Animaciones */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .animate-fade-in {
            animation: fadeIn 1s ease-out forwards;
        }
        
        .delay-100 { animation-delay: 0.1s; }
        .delay-200 { animation-delay: 0.2s; }
        .delay-300 { animation-delay: 0.3s; }
        
        /* Efecto hover para las tarjetas del menú */
        .menu-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .menu-item {
            transition: all 0.3s ease;
        }
        
        /* Estilo para el botón de reserva */
        .reserve-btn {
            background: linear-gradient(45deg, #6B4226, #9C6F44); 
            transition: all 0.3s ease;
            
        }
        
        .reserve-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(155, 111, 68, 0.4);
        }